CSS 透明度屬性

2022-10-04 10:12:11 字數 950 閱讀 6885

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

除了ie之外,目前主流瀏覽器, opera 9.0及更高版本,safari  1.2(webkit 125) 及更高版本,chrome等等都支援opacity這個設定透明度的屬性,opacity的屬性值是0

例如50%透明的類:.example

ie的透明度的屬性從ie4-ie8使用filter: alpha(opacity=number),這裡的number是0-www.cppcns.com100之間的整數數值,ie8中我們也可以用-ms-filter: "alpha(opacity=number)"。ie中還支援progid:dximagetransform.microsoft.alpha(owww.cppcns.compacity=xx)程式設計客棧這種寫法,但是不建議使用。

所以我們可以這樣寫透明度類:

.example

這些可以參照:

當然我們還會用js來設定元素的透明度,例如:

var el=document.getelementbyid("mybox");

ewlrmarvl.style.opacity=50/100; //這裡寫出50/100主要是為了和ie的寫法統一,便於一引數形式傳入

el.style.filter='alpha(opacity=50)';

這裡要說的是,firefox3.5在css上已不支援私有屬性-moz-opacity了,但是js中的el.style.mozopacity=val/100;還是被firefox3.5支援的,但是我不建議使用,因為這是ff的私有的,其他瀏覽器不支援。

本文標題: css 透明度屬性

本文位址:

css透明度屬性簡介

opacity 用法 opaticy 0 1 2.rgba 用法 rgba 0 255,0 255,0 255,0 1 透明度取值均為0 1之間。其中,0代表完全透明,1代表完全不透明。注 若取值超出範圍 小於0或大於1 那麼會就近取合法值。如取1.2則按1顯示,取負數按0顯示。舉例 html 這裡...

前端 CSS透明度屬性opacity

指定透明度的屬性是opacity,屬性值從 0.0 到 1.0。值越小,越透明。imgie9,firefox,chrome,opera 和 safari 使用屬性 opacity 來設定透明度。ie8 以及更早的版本使用濾鏡 filter alpha opacity x x 能夠取的值從 0 到 1...

css 設定透明度

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