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);   /*IE8支援*/
 

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

這裡的#7f000000，# 7f 代表的是透明度， 000000

 代表的是顏色,下面是透明度的對應表： 

【相關推薦】

1. Html5免費影片教學

2. phonegap完成聯絡人尋找功能的程式碼詳解

3. phonegap完成複製與刪除聯絡人功能的程式碼詳解

4. phonegap偵聽deviceready事件觸發後的其他事件

5. 實作頁面跳轉並能傳送值的實例詳解

####

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