怎么让CSS滤镜做的效果在火狐里兼容？.tq{filter:Blur(Add=1,Direction=100,Strength=5);}投影效果怎么在

html-css012

怎么让CSS滤镜做的效果在火狐里兼容？.tq{filter:Blur(Add=1,Direction=100,Strength=5);}投影效果怎么在,第1张

您好！很高兴为您答疑！

火狐支持一个CSS滤镜；就是层的透明度；写法和IE有点点区别，其他的都不支持；

您可以在火狐社区了解更多内容。希望我的回答对您有所帮助，如有疑问，欢迎继续在本平台咨询。

主流浏览器都支持，只不过表现的方法不一样了，另外也看你的站点有没有必要用滤镜了，如果是面向手机用户的网站，那就没有必要使用什么滤镜了，如果面向电脑用户的网站，只需要设置一些主流浏览器支持的滤镜就好了，比如一个透明的效果。

IE：filter:alpha(opacity=60)

FireFox：-moz-opacity: 0.6

Chrome：opacity: 0.6

所以这个CSS样式的兼容代码就这样写：

.test{

filter:alpha(opacity=60)

-moz-opacity: 0.6

opacity: 0.6

}

这样即能在IE中看到，也能在chrome和firefox中看到，至于其他浏览器就可以忽略不计了，用户不多，还有像360、TT、遨游之类的，他们都是基于IE内核的浏览器，只要IE里显示这些浏览器里也都能显示。

您好！很高兴为您答疑。

filter类css属性是ie特有，因为其并未列入w3c标准，所以在其它严格遵循该标准的浏览器下都未进行支持，请知晓。

如果对我们的回答存在任何疑问，欢迎继续问询。