css 滤镜之Gradient

 

CreateTime--2017年12月26日11:09:14

Author:Marydon

ie滤镜特效之Gradient

作用：

　　用于设置渐变背景色

使用条件：

　　IE9及以下版本不支持属性background-image的属性值linear-gradient()，可以使用Gradient来代替

语法：

filter:progid:DXImageTransform.Microsoft.Gradient(enabled=bEnabled,startColorStr=iWidth,endColorStr=iWidth,gradientType=num)

第一个参数：enabled

用途：设置或检索滤镜是否激活。

对应参数值：布尔值(Boolean)，true|false

必要性及默认值：默认值为true，可选项

第二个参数：startColorStr|startColor

用途：设置或检索色彩渐变的开始颜色和透明度。

startColorStr

对应参数值：字符串(String)，其格式为 #AARRGGBB，取值范围为 #00000000 - #FFFFFFFF

参数值构成说明：

　　AA 、 RR 、 GG 、 BB 为十六进制正整数，对应的取值范围为 00 - FF ；

　　AA 指定透明度， 00 是完全透明， FF 是完全不透明，超出取值范围的值将被恢复为默认值FF；

　　RR 指定红色值， GG 指定绿色值， BB 指定蓝色值；

必要性及默认值：默认值为 #FF0000FF（不透明蓝色），可选项

startColor

对应参数值：

整数值(Integer)，取值范围为 0 - 4294967295 。（0 为透明， 4294967295 为不透明白色）；

当在脚本中使用此特性时，也可以用十六进制格式： 0xAARRGGBB 。

第二个参数：endColorStr|endColor

用途：设置或检索色彩渐变的结束颜色和透明度。

endColorStr

对应参数值：同第二个参数

参数值构成说明：同第二个参数

必要性及默认值：默认值为 #FF000000 （不透明黑色），可选项

第三个参数：gradientType

用途：设置或检索色彩渐变的方向。

对应参数值：整数值(Integer)，1 | 0

参数值说明：

　　1：水平渐变；

　　0：垂直渐变。

必要性及默认值：默认值为1，可选项

endColor

同第二个参数

举例：

body{
    /*ie9及以下*/
    filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#5027ae60',endColorStr='#f5f5f5', gradientType=0 );
}