1. 程式人生 > >IE8下rgba()不相容的解決方法

IE8下rgba()不相容的解決方法

CSS:

//一般的高階瀏覽器都支援
background: rgba(255,255,255,0.1);

//IE8下
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19ffffff,endColorstr=#19ffffff);

第二句話的意思就是當上一行的透明度不起作用的時候執行。這句話的意思本來是用來做漸變的。但是這個地方不需要漸變。所以兩個顏色都設定成了相同的顏色。

這個顏色“#19ffffff”是由兩部分組成的。

第一部是#號後面的19 。是rgba透明度0.1的IEfilter值。從0.10.9每個數字對應一個IEfilter值。對應關係如執行截圖所示。

第二部分是19後面的六位 。這個是六進位制的顏色值。要跟rgb函式中的取值相同。比如rgb(255,255,255)對應#ffffff;就是白色。