rgba()是css3的新屬性，所以IE8及以下瀏覽器不兼容，這怎么辦呢？終于我找到了解決辦法。

解決辦法

我們先來解釋以下rgba

rgba：

rgba的含義，r代表red，g代表green，b代表blue，a代表透明度。

rgba(0,0,0,.5) 這樣就代表了黑色，透明度為0.5

要想解決在IE8下的透明度問題，可以增加這樣一句話：

filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);    /*IE8支持*/
 

這句話本來是做漸變用的，但是這里沒有漸變效果所以startColorstr和endColorstr設置為同一種顏色。

這里的#7f000000，# 7f 代表的是透明度， 000000 代表的是顏色,下面是透明度的對應表： 

以上這篇完美解決IE8下不兼容rgba()的問題就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。