我正在使用这个CSS代码进行blur效果：
.blur{
-webkit-filter : blur(5px);
-moz-filter : blur(5px);
-o-filter : blur(5px);
-ms-filter : blur(5px);
filter : blur(5px);
opacity : 0.4 ;
}
并且blur在Chrome中正常运行，但在Firefox或IE 10中没有任何反应。
我也试过这个例子http://jsbin.com/ulufot/31/edit，但是对于IE 10，没有人工作过。
此刻我需要一些建议，因为我没有想法......
答案 0 :(得分：6)
IE10或Firefox（v.23）不支持CSS3过滤器，并且在不久的将来这些浏览器不支持。
看看：http://caniuse.com/#feat=css-filters
如果不支持，您可以使用Modernizr检查CSS过滤器支持并回退到背景图像。
答案 1 :(得分：2)
您也可以使用svg过滤器，但是您无法在firefox和ie10上为它们设置动画。
答案 2 :(得分：1)
我以为我会分享我对这个问题的解决方案。我的低技术解决方案是强制以非常低的分辨率加载img，即宽度= 20px，然后拉伸图像以适合div的内部。 IE将拉伸图像并模糊图像。