在我們文匯軟件的愛加海外月子中心的項目中遇到了一個問題，要在一個頁面中設置一個半透明的黑色div。這個貌似不是難題，只需要給這個div設置如下的屬性即可：

background: rgba(0,0,0,.5);

但是要兼容到ie8，這個就有點頭疼了。因為ie8不支持rgba()函數。下面總結一下rgba()函數的含義。

rgba的含義，r代表red，g代表green，b代表blue，紅綠藍是三原色。所有顏色都可以由這三種顏色拼合而成。a代表透明度。比如rgba（0，0，0，0.5）就是透明度為0.5的黑色。在現代瀏覽器中是支持rgba的。但是在ie8等古董級瀏覽器中是不支持的rgba的，ie8只能勉強支持rgb()函數（即去掉了透明度，只能表示顏色）。

后來也是各種找，得知可以使用ie的filter來解決這個問題，css代碼如下：

background: rgba(0,0,0,.5);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);

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

注意，這個顏色“#7f000000”是由兩部分組成的。第一部是#號后面的7f 。是rgba透明度0.5的IEfilter值。從0.1到0.9每個數字對應一個IEfilter值。對應關系如下：

第二部分是7f后面的六位，這個是六進制的顏色值，要跟rgb函數中的取值相同。比如rgb(0,0,0)對應#000000；都是黑色。

這樣，rgba的用法就可以兼容IE8了。

演示地址：http://m.tongyilingma.com/d/demo/rgba/