相容ie8的rgba 寫法

2021-09-24 18:32:20 字數 719 閱讀 3210

在頁面中設定乙個半透明的div一般情況下使用rgba()函式,但在ie8情況下無法使用rgba()函式。

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

使用ie的filter來解決這個問題

background-color: rgba(0,0,0,0.5);

filter:progid:dximagetransform.microsoft.gradient(startcolorstr=#7f000000,endcolorstr=#7f000000);

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

#後的顏色是由兩部分組成的,前兩位是rgba透明的iefilter值。後六位是六進製制的顏色值。

rgba透明度

iefilter值

0.10.2

0.34c

0.40.5

7f0.6

0.7b2

0.8c8

0.9e5

將透明度*255,沒有近衛直接舍去取整後轉化為16進製制即可

ie8相容rgba的方法

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

使用rgba屬性相容IE8

css3 rgba 即在原本3原色的基礎上增加了alpha 透明度 通道,該屬性的相容性如下 型別internet explorer firefox chrome opera safari 版本 ie6 firefox 3.0.10 chrome 2.0.x opera 9.64 safari 4 ...

IE8下實現相容rgba

昨天遇到乙個問題,要實現乙個背景透明的效果,用css3用rgba 就能實現,即 background rgba 0,0,0,5 但是要相容到ie8,就發現沒有透明效果,因為ie8不支援rgba 函式。下面我們總結一下rgba 函式的含義。rgba的含義,r代表red,g代表green,b代表blue...