html - 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 过滤器支持，如果不支持则回退到背景图片。