相容ie8 的rgba 的用法

2021-10-01 02:14:14 字數 591 閱讀 9219

rgba透明度相容ie

rgba的含義,r代表red,g代表green,b代表blue,紅綠藍是三原色。所有顏色都可以由這三種顏色拼合而成。a代表透明度。比如rgba(255,255,255,0.1)就是透明度為0.1的白色。在現代瀏覽器中是支援rgba的。但是在ie8等古董級瀏覽器中是不支援的rgba的,ie8只能勉強支援rgb()函式(即去掉了透明度,只能表示顏色)。

所以在ie8中設定半透明就要費點腦子了。從大神那裡得知可以使用ie的filter來解決這個問題,css**如下:

background: rgba(255,255,255,.1);

filter:progid:dximagetransform.microsoft.gradient(startcolorstr=#19ffffff,endcolorstr=#19ffffff);

第二句話的意思就是當上一行的透明度不起作用的時候執行。這句話的意思本來是用來做漸變的。但是這個地方不需要漸變。所以兩個顏色都設定成了相同的顏色。 

第一部是#號後面的19 。是rgba透明度0.1的iefilter值。從0.1到0.9每個數字對應乙個iefilter值。對應關係如下

IE8相容rgba 濾鏡filter的用法

今天遇到了乙個問題,要在乙個頁面中設定乙個半透明的白色div。這個貌似不是難題,只需要給這個div設定如下的屬性即可 css view plain copy background rgba 255,255 255,1 但是要相容到ie8。這個就有點蛋疼了。因為ie8不支援rgba 函式。下面我們總結...

相容ie8的rgba 寫法

在頁面中設定乙個半透明的div一般情況下使用rgba 函式,但在ie8情況下無法使用rgba 函式。rgba的含義,r代表red,g代表green,b代表blue,紅綠藍是三原色。所有顏色都可以由這三種顏色拼合而成。a代表透明度。比如rgba 255,255,255,0.1 就是透明度為0.1的白色...

ie8相容rgba的方法

現在做個網頁還得考慮ie8,只想說 尼瑪!但是沒辦法,屈於淫威也得弄。首先說下rgba的含義吧,rgba,r代表red,g代表green,b代表blue,a代表透明度。filter progid dximagetransform.microsoft.gradient startcolorstr b2...