我的HTML中有这个SVG代码,它呈现一个下面有阴影的三角形:
<svg class="svg-triangle">
<defs>
<filter id="shadow" x="0" y="0" width="200%" height="200%">
<feOffset result="offOut" in="SourceAlpha" dx="0" dy="-1" />
<feGaussianBlur result="blurOut" in="offOut" stdDeviation="2,5" />
<feBlend in="SourceGraphic" in2="blurOut" mode="normal" />
</filter>
</defs>
<polygon points="0,0 22,0 11,7" filter="url(#shadow)"/>
</svg>
该代码在Chrome和Firefox上运行良好,但是当它在Internet Explorer 11上呈现时会发生什么,高斯模糊stdDeviation值变为:
<feGaussianBlur result="blurOut" in="offOut" stdDeviation="1.65726e+009" />
阴影显然没有显示
关于为什么会发生这种情况的任何想法?
谢谢