完美解決IE8下不兼容rgba的問題
2017/8/19 9:26:59來源:互聯(lián)網(wǎng)
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()的問題就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持圖趣網(wǎng)。
[教程作者:佚名]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請注明出處,素材資料僅供個人學(xué)習(xí)與參考,請勿用于商業(yè)用途!
本文地址:http://pkvc.cn/tutorial/wd349.html
本文地址:http://pkvc.cn/tutorial/wd349.html
這些是最新的
最熱門的教程