css中filter:alpha透明度使用小結兼容IE、火狐

Alpha,設置透明度 。

用法:

復制代碼代碼如下:
FILTER:alpha(opacity=80);/* 設置不透明度為80 */

filter:Alpha(Opacity=?, FinishOpacity=?, Style=?, StartX=?, StartY=?, FinishX=?, FinishY=?)
Opacity:透明度級別,范圍是0-100,0代表完全透明,100代表完全不透明 。
FinishOpacity:設置漸變的透明效果時,用來指定結束時的透明度,范圍也是0 到 100 。
Style:設置漸變透明的樣式 , 值為0代表統一形狀、1代表線形、2代表放射狀、3代表長方形 。
StartX和StartY:代表漸變透明效果的開始X和Y坐標 。
FinishX和FinishY:代表漸變透明效果結束X和Y 的坐標 。

對于IE上述方法是沒有問題的 。若要支持firefox請參照下面:

程序代碼

復制代碼代碼如下:
filter:alpha(opacity=80); /* IE */
-moz-opacity:0.8; /* MozFF */
opacity: 0.8; /* 支持CSS3的瀏覽器(FF 1.5也支持)*/

簡單解釋,IE使用私有屬性filter:alpha(opacity),Moz Family使用私有屬性-moz-opacity , 而標準的屬性是opacity(CSS 3, Moz Family部分支持CSS3) 。后面的數值是透明度,使用百分比或者小數(alpha(opacity))使用大于0小于100的數值 , 其實也是百分比) 。

相關經驗推薦