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)題,可以增加這樣一句話:
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000); /*IE8支持*/
這句話本來(lái)是做漸變用的,但是這里沒(méi)有漸變效果所以startColorstr和endColorstr設(shè)置為同一種顏色。
這里的#7f000000,# 7f 代表的是透明度, 000000 代表的是顏色,下面是透明度的對(duì)應(yīng)表:
以上這篇完美解決IE8下不兼容rgba()的問(wèn)題就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持。
【網(wǎng)站聲明】本站除付費(fèi)源碼經(jīng)過(guò)測(cè)試外,其他素材未做測(cè)試,不保證完整性,網(wǎng)站上部分源碼僅限學(xué)習(xí)交流,請(qǐng)勿用于商業(yè)用途。如損害你的權(quán)益請(qǐng)聯(lián)系客服QQ:2655101040 給予處理,謝謝支持。