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);}
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);}
相关文章推荐
- css 滤镜之AlphaImageLoader
- CSS透明opacity和IE各版本透明度滤镜filter的最准确用法
- CSS透明opacity和IE各版本透明度滤镜filter的最准确用法
- CSS filter滤镜的用法
- CSS透明opacity和IE各版本透明度滤镜filter的最准确用法
- CSS透明度opacity与IE中的透明度滤镜filter的最准确的用法
- CSS透明opacity和IE各版本透明度滤镜filter的最准确用法
- 用css alpha 滤镜 实现input file 样式美化代码
- CSS透明opacity和IE各版本透明度滤镜filter的最准确用法
- CSS透明opacity和IE各版本透明度滤镜filter的最准确用法
- [置顶] css 背景透明,文字不透明,alpha滤镜,opacity,position:relative;
- CSS filter滤镜的用法
- CSS透明opacity和IE各版本透明度滤镜filter的最准确用法
- 用CSS制作Alpha滤镜测试板
- css 滤镜(filter)的用法
- 用css制作alpha滤镜测试板
- 巧用CSS的alpha滤镜
- CSS透明opacity和IE各版本透明度滤镜filter的最准确用法
- CSS 滤镜 filter:alpha
- CSS filter滤镜的用法