欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

CSS3背景色透明(兼容IE8)

程序员文章站 2023-09-07 15:45:15
标准浏览器通过rgba()实现背景色透明;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表示完全不透明。