IE8不相容rgba()如何處理

這次帶給大家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)    /*IE##Colorstr=#7f000000); */
 

這句話本來是做漸進式的，但這裡沒有漸層效果所以startColorstr和endColorstr設定為同一種顏色。

這裡的#7f000000，# 7f 代表的是透明度， 000000 代表的是顏色,下面是透明度的對應表： 

相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！

推薦閱讀：

怎麼使用phonegap尋找聯絡人

#phonegap播放音訊詳解

以上是IE8不相容rgba()如何處理的詳細內容。更多資訊請關注PHP中文網其他相關文章！