今天遇到了乙個問題，要在乙個頁面中設定乙個半透明的白色div。這個貌似不是難題，只需要給這個div設定如下的屬性即可：
[css]view plain
copy
background
: rgba(
255,255
,255,.1
);
但是要相容到ie8。這個就有點蛋疼了。因為ie8不支援rgba()函式。下面我們總結一下rgba()函式的含義。
rgba的含義，r代表red，g代表green，b代表blue，紅綠藍是三原色。所有顏色都可以由這三種顏色拼合而成。a代表透明度。比如rgba（255，255，255，0.1）就是透明度為0.1的白色。ie9及以上的瀏覽器是可以通過rgba設定透明度的。但是在ie8等古董級瀏覽器中是不支援的rgba的，ie8只能勉強支援rgb()函式（即去掉了透明度，只能表示顏色）。
所以在ie8中設定透明就要用濾鏡filter了。css**如下：
[css]view plain
copy
background
: rgba(
255,255
,255,.1
);
filter:progid:dximagetransform.microsoft.gradient(startcolorstr=#19ffff
ff,endcolorstr=
#19ffff
ff);
第二句話的意思就是當上一行的透明度不起作用的時候執行。這句話的意思本來是用來做漸變的。但是這個地方不需要漸變。所以兩個顏色都設定成了相同的顏色。
大家注意，這個顏色「#19ffffff」是由兩部分組成的。
第一部是#號後面的19。是rgba透明度0.1的iefilter值。從0.1到0.9每個數字對應乙個iefilter值。對應關係如下：
第二部分是19後面的六位。這個是六進製制的顏色值。要跟rgb函式中的取值相同。比如rgb(255,255,255)對應#ffffff；都是白色。
到這裡，rgba的用法就可以相容ie8了。
使用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...
IE8下實現相容rgba
background rgba 0,0,0,5 但是要相容到ie8，就發現沒有透明效果，因為ie8不支援rgba 函式。下面我們總結一下rgba 函式的含義。rgba的含義，r代表red，g代表green，b代表blue，a代表透明度。紅綠藍是三原色，所有顏色都可以由這三種顏色拼合而成。比如rgba...