標準瀏覽器通過rgba()實現背景色透明;IE8以下瀏覽器通過特有濾鏡實現背景色透明。
程式碼如下:
1 1 /* IE8 */ 2 2 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000); 3 3 4 4 /* 標準瀏覽器 */ 5 5 background-color: rgba(0, 0, 0, 0.6);
上述程式碼中:
- 7F000000(十六進位制)：前兩位數值控制透明度，00表示完全透明，FF表示完全不透明；後六位控制顏色。
- rgba(red, green, blue, alpha)：前三個值控制顏色,取值範圍為0-255，第四個值控制透明度，0表示完全透明，1表示完全不透明。