CSS3背景色透明(相容IE8)

Mr_WEI發表於2018-12-24
CSSS3

標準瀏覽器通過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);

上述程式碼中:

  1. 7F000000(十六進位制)：前兩位數值控制透明度，00表示完全透明，FF表示完全不透明；後六位控制顏色。
  2. rgba(red, green, blue, alpha)：前三個值控制顏色,取值範圍為0-255，第四個值控制透明度，0表示完全透明，1表示完全不透明。

相關文章