下面小編就為大家?guī)?lái)一篇完美解決IE8下不兼容rgba()的問(wèn)題。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧

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

解決辦法

我們先來(lái)解釋以下rgba

rgba：

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

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

要想解決在IE8下的透明度問(wèn)題，可以增加這樣一句話(huà)：

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

這句話(huà)本來(lái)是做漸變用的，但是這里沒(méi)有漸變效果所以startColorstr和endColorstr設(shè)置為同一種顏色。

這里的#7f000000，# 7f 代表的是透明度， 000000 代表的是顏色,下面是透明度的對(duì)應(yīng)表：