兼容ie8以下 rgba()用法

可以使用 IE 的 filter 來解決rgba的兼容性。

CSS:

background: rgba(255, 255, 255, .1);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19ffffff,endColorstr=#19ffffff);

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

---

大家注意，這個顏色“#19ffffff”是由兩部分組成的。

第一部是#號後面的19 。是rgba透明度0.1的IEfilter值。從0.1到0.9每個數字對應一個IEfilter值。對應關係如下：

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

這樣就可以完全兼容rgba了。