CSS模糊过滤器不工作在Firefox和IE 10，任何替代品？ [英] CSS blur filter not working in Firefox and IE 10, any alternatives?

问题描述

我使用这个CSS代码为 blur 效果：

I'm using this CSS code for blur effect:

.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中没有任何反应。

and the blur is working fine in Chrome, but nothing happens in Firefox or IE 10.

我也试过这个例子 http://jsbin.com/ulufot/31/edit 但对于IE 10，没有工作。

I also tried this example http://jsbin.com/ulufot/31/edit but for IE 10, none worked.

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

I need some advice at this moment, because I'm runing out of ideas...

推荐答案

不支持CSS3过滤器IE10或Firefox（v.23），并且在不久的将来对于这些浏览器的支持未知。

CSS3 filters are not supported in IE10 or Firefox (v.23), and support is unknown for those browsers in the near future.

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

您可以使用Modernizr检查如果不支持CSS过滤器支持和后台到背景图片。

You could use Modernizr to check for CSS filter support and fallback to a background image if not supported.

这篇关于CSS模糊过滤器不工作在Firefox和IE 10，任何替代品？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！