rgba是一種在css中宣告包含透明效果的顏色的方法，通過rgba我們可以將乙個元素設定為透明，而不會影響其子元素。但是並非所有的瀏覽器支援rgba的背景色，其中使用者頗多的老版本ie瀏覽器就不支援，好在ie瀏覽器支援條件注釋，我們可以拋棄rgb並使用ie瀏覽器的乙個私有css濾鏡來實現同樣的效果。上**：
background:transparent;
filter: progid:dximagetransform.microsoft.gradient(startcolorstr=#4b7d0000,endcolorstr=#4b7d0000);
zoom: 1;}
dximagetransform.microsoft.gradient濾鏡裡的startcolorstr引數值是#aarrggbb形式的，其中的aa是代表不透明度的十六進製制，00表示完全透明，ff就是全不透明，化成十進位制的範圍就是0~255，剩下的rrggbb就是顏色的十六進製制**。例子中background: rgba(125, 0, 0, .3);表示的是30%不透明度的紅色背景。如何把30%的不透明度轉換成十六制呢？很簡單，先計算#aa的的十進位制x，x/255 = 3/10，解得x=3*255/10，然後再把x換算成十六進製制，約等於4b。50%換算之後為7f。
rgba顏色還可以用於border，不過，不同的瀏覽器對於border的rgba支援不太一樣，不過唯一的不同是，firefox在border的拐角處會出現疊加，比如透明度是0.4，那麼在firefox中，四個角的透明度會變成0.8，而支援rgba的非ff瀏覽器不會出現這種情況。
IE瀏覽器下的漸變背景
background linear gradient to bottom,000000 0 ffffff 100 標準 linear gradient 在 ie9 以下是不支援的，所以對於 ie6 ie8 我們可以使用濾鏡來解決。如下 filter progid dximagetransform.m...
web開發 IE8瀏覽器相容rgba
1.問題 實現乙個背景透明的效果，用css3用rgba 就能實現，相容到ie8，沒有透明效果，因為ie8不支援rgba 函式。background rgba 0,0,0,5 2.rgba 函式 rgba的含義，r代表red，g代表green，b代表blue，a代表透明度。紅綠藍是三原色，所有顏色都可...
透明遮罩在IE瀏覽器的相容性 RGBA
1 rgba基本能解決透明背景帶來的遮罩效果 rgba 0,0,0,0.5 效果如圖 2 但是rgba在ie8及以下是不相容的，可以使用ie濾鏡處理 filter progid dximagetransform.microsoft.gradient startcolorstr 7f000000,en...