css+div滤镜 线性渐变 透明渐变

wangyang发表于 2014/08/07
filter : progid:DXImageTransform.Microsoft.Alpha ( enabled=bEnabled , style=iStyle , opacity=iOpacity , finishOpacity=iFinishOpacity , startX=iPercent , startY=iPercent , finishX=iPercent , finishY=iPercent )
属性:
enabled : 可选项。布尔值(Boolean)。设置或检索滤镜是否激活。true | false
true : 默认值。滤镜激活。
false : 滤镜被禁止。
style : 可选项。整数值(Integer)。设置或检索透明渐变的样式。0 | 1 | 2 | 3
0 : 默认值。整体透明度。将 Opacity 值均匀的作用于对象。
1 : 线性渐变透明度。从由 StartX StartY 决定的点,由 Opacity 决定的透明度开始,到由 FinishX FinishY 决定的点,由 FinishOpacity 决定的透明度结束。
2 : 圆形放射渐变透明度。圆形放射区域的圆心为对象的中心,圆周到与对象的边相切为止。透明渐变由圆心开始,到圆周结束。开始透明度由 Opacity 决定,结束透明度由 FinishOpacity 决定。
3 : 矩形放射渐变透明度。由对象的边开始,到对象的中心结束。开始透明度由 Opacity 决定,结束透明度由 FinishOpacity 决定。
opacity : 可选项。整数值(Integer)。设置或检索透明渐变的开始透明度。取值范围为 0 - 100 。默认值为 0 ,即完全透明。 100 为完全不透明。
finishOpacity : 可选项。整数值(Integer)。设置或检索透明渐变的结束透明度。取值范围为 0 - 100 。默认值为 0 ,即完全透明。 100 为完全不透明。
startX : 可选项。整数值(Integer)。设置或检索透明渐变开始点的水平坐标。其数值作为对象宽度的百分比值处理。默认值为 0
startY : 可选项。整数值(Integer)。设置或检索透明渐变开始点的垂直坐标。其数值作为对象高度的百分比值处理。默认值为 0
finishX : 可选项。整数值(Integer)。设置或检索透明渐变结束点的水平坐标。其数值作为对象宽度的百分比值处理。默认值为 0
finishY : 可选项。整数值(Integer)。设置或检索透明渐变结束点的垂直坐标。其数值作为对象高度的百分比值处理。默认值为 0
特性:
Enabled : 可读写。布尔值(Boolean)。参阅 enabled 属性。
Style : 可读写。整数值(Integer)。参阅 style 属性。
Opacity : 可读写。整数值(Integer)。参阅 opacity 属性。
FinishOpacity : 可读写。整数值(Integer)。参阅 finishOpacity 属性。
StartX : 可读写。整数值(Integer)。参阅 startX 属性。
StartY : 可读写。整数值(Integer)。参阅 startY 属性。
FinishX : 可读写。整数值(Integer)。参阅 finishX 属性。
FinishY : 可读写。整数值(Integer)。参阅 finishY 属性。
说明:
调整对象内容的透明度。
你可以设置整体透明度,或线性渐变和放射渐变的透明度。
示例:
#idDiv{position:absolute; left:140px; height:400; width:400;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);}
#idDiv{position:absolute; left:140px; height:400; width:400;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=10,finishOpacity=100,style=2);}
©2010-2014 秦皇岛易博网络科技有限公司 我们专注于微信开发 | 网站建设 冀ICP备12004938号-3