css中Alpha濾鏡的用法

語法:
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);}

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章