您的位置:首页 > Web前端 > CSS

css中Alpha滤镜的用法

2010-10-28 15:17 239 查看
语法:
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);}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: