CSS3背景色透明(兼容IE8)

标准浏览器通过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表示完全不透明。