css中filter:alpha透明度總結

Alpha,設置透明度。

用法:html

[html]  view plain  copy
 
 在CODE上查看代碼片派生到個人代碼片
  1. 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請參照下面:

瀏覽器

程序代碼
[html]  view plain  copy
 
 在CODE上查看代碼片派生到個人代碼片
  1. filter:alpha(opacity=80);       /* IE */  
  2. -moz-opacity:0.8;              /* Moz + FF */  
  3. 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的數值,其實也是百分比)。spa

 

 

轉載自:http://www.spiger.cn/article/245.html.net

相關文章
相關標籤/搜索