CSS3背景色透明(兼容IE8)

标准浏览器通过rgba()实现背景色透明;IE8以下浏览器通过特有滤镜实现背景色透明。

代码如下:

 1 /* IE8 */
 2 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000);
 3
 4 /* 标准浏览器 */
 5 background-color: rgba(0, 0, 0, 0.6);

上述代码中:

1. 7F000000(十六进制)：前两位数值控制透明度，00表示完全透明，FF表示完全不透明；后六位控制颜色。
2. rgba(red, green, blue, alpha)：前三个值控制颜色,取值范围为0-255，第四个值控制透明度，0表示完全透明，1表示完全不透明。