我试图在Internet Explorer(8,9和10)上使用图像模糊效果
HTML
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" height="0" width="0">
<defs>
<filter id="blur" x="0" y="0">
<feGaussianBlur stdDeviation="3" />
</filter>
</defs>
</svg>
<img class="svg-only-blur" src="http://css-plus.com/examples/2012/03/gaussian-blur/i/fence.jpg" />
CSS
.svg-only-blur {
filter: url(#blur);
}
我尝试的其他解决方案可以在这里找到,其中没有一个正在工作 =&GT; http://jsfiddle.net/mottalrd/zM673/
然而,这确实是可能的,你可以从这里看到 =&GT; http://ie.microsoft.com/testdrive/Graphics/hands-on-css3/hands-on_svg-filter-effects.htm
我做错了什么?谢谢