CSS設定div元素的透明度

2021-06-26 01:38:55 字數 596 閱讀 4739

在ie中需要通過"filter"來定義透明度"opacity",而在mozilla中是可以直接解析"opacity",所以如果要使得這個效果在兩種瀏覽器中都得到支援,需要把兩種設定都加進去。

.div

用下面的樣式表定義你的div可以有各種過度效果。.alpha是div的class.精心開發5年的ui前端框架!

.alpha { filter: alpha(opacity=50, finishopacity=50, style=0, startx=0, starty=0, finishx=100, finishy=100}

解釋:opacity=開始的不透明度(100的話就不透明了) 

finishopacity=結束的不透明度(100的話就不透明了) 

style=樣式,從0開始,1.2.3....有均勻透明啊,放射形狀透明啊... 

startx=開始透明的x座標,基本上為、層的左上角(0) 

starty= 開始透明的y座標,基本上也為、層的左上角(0) 

finishx=結束透明的x座標,基本上也、層的右下(、層的寬度) 

finishy=結束透明的y座標,基本上也為、層的右下角(、層的高度)

css 設定透明度

要設定某一元素的背景為透明,在 chrome firefox opera 下是這樣的 css background color rgba 0,0,0,0.4 rgba 中的最後乙個引數 0.4 就是想要的透明度,範圍在0 1之間。在 ie 中一般是這樣的 css background color r...

CSS設定背景透明度

控制 如下 各引數含義如下 enabledenabled設定或檢索濾鏡是否啟用。stylestyle設定或檢索div背景透明漸變的樣式。opacityopacity設定或檢索透明漸變的開始透明度。finishopacityfinishopacity設定或檢索div背景透明漸變的結束透明度。start...

設定html元素的透明度

w3c標準屬性是opacity,firefox支援,但ie卻不支援該屬性。在ff3.5 safari4,opera10,chrome4中測試都支援opacity。如設定div的透明度為40 ie下複雜些 1 ie4 ie7使用filter alpha opacity xx 但要同時使該元素擁有has...