filter

  • 版本:CSS1
  • 继承性:无
filter属性在CSSOnly IE中是比较常用的,本文将带你深入理解filter属性的各个方面,包括它的语法、取值、作用和浏览器兼容性,最后附上filter的演示案例,希望能够对你有所帮助。

filter的具体语法

filter:<filter>+

适用于:所有元素

继承性:无

filter的取值介绍

<filter>:
要使用的滤镜效果。多个滤镜之间用空格隔开。

filter的使用说明

设置或检索对象所应用的滤镜效果。
  • 最常用的滤镜效果是不透明效果,如果要实现50%的不透明度(其它高级浏览器的实现参阅opacity):

    示例代码:

    div{filter:alpha(opacity=50);} /* for IE8 and earlier */
    div{opacity:.5;} /* for IE9 and other browsers */

    以上2段代码的效果相同

  • 对应的脚本特性为filter

filter的浏览器兼容性

  • 浅绿 = 支持
  • 红色 = 不支持
  • 墨绿 = 部分支持
  • 橙色 = 实验性质
支持版本\类型 IE Firefox Safari Chrome Opera
版本 6 4-18 5.1.7 13-23 11.5-12.5

filter的完整演示案例

CSS3参考手册,全网最新最全的CSS3参考手册,为你呈现最好的CSS3文档CSS3参考手册