导读：本文章告诉利用css来实现背景透明而内容不透明效果，适用普通的设置透明方式会导致元素里面的内容也跟着透明。标准浏览器里采用的是rgba背景透明，IE则可以使用滤镜。代码如下复制...
本文章告诉利用css来实现背景透明而内容不透明效果，适用普通的设置透明方式会导致元素里面的内容也跟着透明。
标准浏览器里采用的是rgba背景透明，IE则可以使用滤镜。
代码如下
复制代码
.box{background:rgba(2,32,90,0.8);filter:progid:DXImageTransform.Microsoft.Gradient( startColorStr=#cc02205A, endColorStr=#cc02205A)}
rgba模式参数分别是(红色r，绿色g，蓝色b，透明度a)，透明度范围0-1。
IE的滤镜#aa02205A，前2位使用十六进制表示透明度，范围从00-FF，后6为表示的rbg颜色值。关于透明度的转换方法：如rbga中的是0.8，假设对应的十六进制是x，x/255 = 0.8，计算得出十进制值为204，再转为为十六进制就是
