下面小編就為大家帶來一篇完美解決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 代表的是顏色,下面是透明度的對應表:
【相關推薦】
1. Html5免費視頻教程
2. phonegap完成聯系人查找功能的代碼詳解
3. phonegap完成克隆和刪除聯系人功能的代碼詳解
4. phonegap偵聽deviceready事件觸發后的其他事件
5. 實現頁面跳轉并能傳值的實例詳解