css中filter alpha透明度總結

2022-09-04 07:12:07 字數 908 閱讀 7048

alpha,設定透明度。

用法:[html]view plain

copy

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

filter:alpha(opacity=80);       /* ie */  

-moz-opacity:0.8;              /* moz + ff */  

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的數值,其實也是百分比)。

filter alpha 與opacity的區別

filter alpha 與opacity都是用來設定透明度的,區別就在於相容性的問題,opacity支援高版本的瀏覽器,ie8以上不包含ie8.opacity 1.opacity的取值範圍在0到1之間,1代表完全不透明。filter alpha 1.filter alpha opacity 20 ...

CSS 關於css中的border

曾經一直以為html中的border是直角的,直到有一天 test效果如下 突然有一種被欺騙了的感覺。我們可以選擇理解乙個border為兩個三角形再加乙個矩形。如上所示。繪製小尾巴 當對乙個角應用圓角樣式,如果這個角相鄰的兩個border乙個有定義而乙個無定義,那麼繪製的結果就是由粗到細的 小尾巴了...

CSS中引入CSS樣式的方法

html宣告標籤 定義和用法 宣告必須是html文件的第一行,位於標籤之前。宣告不是html標籤 他是指示web瀏覽器關於頁面使用哪個html版本進行編寫的指令 在html4.0中,宣告引用dtd,因為html4.01基於sgml。dtd規定了標記語言的則 這樣瀏覽器才能正確的呈現內容。html5不...