CSS模糊过滤器在Firefox和IE 10中不起作用,有什么选择吗？

Question

我正在使用这个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,没有人工作.

我现在需要一些建议,因为我没有想法......

Answer 1

IE10或Firefox(v.23)不支持CSS3过滤器,并且在不久的将来这些浏览器不支持.

看看:http://caniuse.com/#feat=css-filters

如果不支持,您可以使用Modernizr检查CSS过滤器支持并回退到背景图像.