IE8不兼容rgba()怎么辦

發(fā)布時間：2020-09-28 15:47:19 來源：億速云閱讀：122 作者：小新欄目：web開發(fā)

這篇文章給大家分享的是有關(guān)IE8不兼容rgba()怎么辦的內(nèi)容。小編覺得挺實用的，因此分享給大家做個參考。一起跟隨小編過來看看吧。

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設(shè)置為同一種顏色。

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

IE8不兼容rgba()怎么辦

感謝各位的閱讀！關(guān)于IE8不兼容rgba()怎么辦就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學(xué)到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！

向AI問一下細節(jié)

猜你喜歡