如何解決IE8下不兼容rgba()的問題

下面小編就為大家帶來一篇完美解決IE8下不兼容rgba()的問題。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧

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 代表的是顏色,下面是透明度的對應表：