CSS 透明度效果實作

2022-04-01 14:44:33 字數 694 閱讀 3778

css 透明度的實作, 各種瀏覽器和標準如下:(數字越小越透明)

css 透明度

但是遇到 ie6 要特別再加上 zoom:1, 不然透明度不會有效果(在模擬的 ie6 無法顯示出透明效果).

完整 css 範例如下:(假設透明度 70%)

filter:alpha(opacity=70);opacity:0.7;zoom:1;

mozilla 1.0~1.6 如果也想顧, 就再加上 -moz-opacity:0.7; 即可. (連 graded browser support 都沒列到的, 不想管它)

2023年補充, 透明度完整寫法

filter:alpa(opacity=80);   /* old ie */ filter:progid:dximagetransform.microsoft.alpha(opacity=80,finishopacity=15, style=3, startx=0, finishx=100, starty=0,finishy=16); /*supported by current ie*/ -moz-opacity:0.7;          /* moz + ff */ opacity:0.7;               /* 支援新版瀏覽器 */

css 設定透明度

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

CSS 透明度屬性

firefox3.5已不支援私有屬性 moz opacity了,在mozilla 1.7 firefox 0.9 之前ff都是使用這個私有屬性的,firefox 0.9 firefox3同時支援 moz opacity和opacity這兩個屬性,firefox公升級到3.5之後,一些 原來有的透明沒...

CSS 透明度清除繼承

今晚在寫自己乙個網頁遊戲的時候,遇到乙個問題,就是css透明度的繼承問題,我先解析下我的問題。假如father設定了透明度,那麼child也會繼承他的透明度,即使你修改child裡面的透明度也不會生效,一位師姐叫我嘗試下把透明度調到1以上,但我查了下,透明度是0到100,ie下是0到1之間,所以是行...