Firefox 34.0.5和IE 11中未呈現SVG

Question

我正在使用許多SVG元素的網站上工作。 現在，我最近看到元素在Chrome版本39.0.2171.95 m和Opera中呈現。 但是，Firefox 34.0.5版和Internet Explorer 11並非如此。我已經檢查了此答案

SVG無法在Firefox中正確呈現 ，

根據上面的答案，它說這是FF 16中的錯誤，但是他們已經在FF的最新版本中甚至在IE11中都解決了它，就我的研究而言，SVG並不是IE11的問題。 現在奇怪的是，所有簡單的SVG文件都被渲染了，但是復雜的矢量文件（例如iPhone 5的矢量）並不是僅在IE和FF中渲染的。 以下是無法在FF或IE中運行的SVG：

<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 width="210px" height="211.5px" viewBox="0 0 210 211.5" style="enable-background:new 0 0 210 211.5;" xml:space="preserve">

<style type="text/css">
.st0{fill:#FF5200;}
.st1{fill:none;stroke:#FF5200;stroke-width:7;stroke-miterlimit:10;}
</style>

<filter id="drop">
   <feOffset result = "offOut" in = "#ff5500" dx = "0" dy = "0"/>
   <feGaussianBlur result = "blurOut" in = "offOut" stdDeviation = "4"/>
    <feBlend in = "SourceGraphic" in2 = "blurOut" mode = "normal"/>
</filter>

<g id="bolt">
<polygon filter="url(#drop)" class="st0" points="138.1,42.5 63.9,116.3 105.2,116.3 70.2,172.3 146.3,98.5 105.1,98.5     "/>

單擊此小提琴，以便您可以更好地了解此問題。

我在Illusrator CS6中創建了SVG。 所以我的問題是這里有什么現象？ 我在這里做什么錯？ 這是IE和FF中的錯誤嗎？ 我使用SVG是因為我想合並一些SVG動畫。 是否有解決此問題的好方法？ 我可以就此特定問題獲得一些好的資源嗎？ 如果此信息不足，我深表歉意，因為我是SVG動畫的初學者，因此我處於學習階段，因此願意接受各種建議，批評等。 如果需要任何其他信息，請告訴我，我會回復。

編輯：請檢查FF，IE和Chrome中的小提琴 ，以查看區別。

謝謝你的幫助 ！

Answer 1

這是因為您的過濾器：
將此行<feOffset result = "offOut" in = "#000000" dx = "0" dy = "10"/>更改為這<feOffset result = "offOut" in = "SourceGraphic" dx = "0" dy = "10"/>

它將起作用。

您是在告訴濾鏡使用顏色而不是濾鏡基色（請檢查http://www.w3.org/TR/SVG/filters.html#FilterPrimitiveInAttribute ）

更新小提琴