filter滤镜小知识总结

filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffff, EndColorStr=#ECE9D8

在做CSS调整的时候常常会看到filter这个属性，那么这一串的规定代表什么呢？
在ie中 filter 分为静态滤镜(Visual Filters)和过渡转场(Transitions

.test{
    filter:progid:DXImageTransform.Microsoft.    /*.后面都是紧跟着各种滤镜和转场函数*/
}

/*如：模糊滤镜*/
.blur{
    filter:progid:DXImageTransform.Microsoft.Blur()    /*.函数的开头第一个字母必须大写，括号()里面的滤镜的各种值*/
}

那么，开头为什么要加上progid:DXImageTransform.Microsoft呢？

progid:DXImageTransform.Microsoft表示的是微软的滤镜应用。根据W3C的解释，这个是ｃｓｓ２标准中的定义，后面就不用了。

 

GradientType:可读写。整数值(Integer)。设置或检索色彩渐变的方向。1 | 0 
　　1:默认值。水平渐变。 
　　0:垂直渐变。

StartColorStr:可选项。字符串(String)。设置或检索色彩渐变的开始颜色和透明度。其格式为 #AARRGGBB 。 AA 、 RR 、 GG 、 BB 为十六进制正整数。取值范围为 00 - FF 。 RR 指定红色值， GG 指定绿色值， BB 指定蓝色值，参阅 #RRGGBB 颜色单位。 AA 指定透明度。 00 是完全透明。 FF 是完全不透明。超出取值范围的值将被恢复为默认值。 取值范围为 #FF000000 - #FFFFFFFF 。默认值为 #FF0000FF 。不透明蓝色。 

   

EndColorStr:可选项。字符串(String)。设置或检索色彩渐变的结束颜色和透明度。参阅 startColorStr 属性。默认值为 #FF000000 。不透明黑色。