在工作中做乙個半透明遮罩時發現在ie8下不相容
一查再知道ie8不支援rgba顏色，再搜搜相容性方法，沒想到這麼快就解決了。
先說說rgba的含義：
r代表red，g代表green，b代表blue，a代表透明度。紅綠藍是三原色，所有顏色都可以由這三種顏色拼合而成。比如rgba(0,0,0,.5)就是透明度為0.5的黑色。現代瀏覽器是支援rgba的，但是在ie8等古董級瀏覽器中是不支援rgba的，ie8只能勉強支援rgb()函式（即去掉了透明度，只能表示顏色）。
網上的解決方法是：
background: rgba(0,0,0,.5); /*支援rgba的瀏覽器*/
filter:progid:dximagetransform.microsoft.gradient(startcolorstr=#7f000000,endcolorstr=#7f000000); /*ie8支援*/
第二句話的意思就是當上一行的透明度不起作用的時候執行。這句話的意思本來是用來做漸變的，但是這個地方不需要漸變。所以兩個顏色都設定成了相同的顏色。
解釋下#7f000000，第一部分是#號後面的7f。是rgba透明度0.5的iefilter值。從0.1到0.9每個數字對應乙個iefilter值。對應關係如下：
第二部分是19後面的六位。這個是六進製制的顏色值。要跟rgb函式中的取值相同。比如rgb(0,0,0,)對應#000；都是黑色。
到這裡，rgba的用法就可以相容ie8了。
但是經過實踐發現這種方法只能用在背景色上，前景色或其他則無能為力了
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...
IE8下實現相容rgba
昨天遇到乙個問題，要實現乙個背景透明的效果，用css3用rgba 就能實現，即 background rgba 0,0,0,5 但是要相容到ie8，就發現沒有透明效果，因為ie8不支援rgba 函式。下面我們總結一下rgba 函式的含義。rgba的含義，r代表red，g代表green，b代表blue...