一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

css控制网页背景透明而内容不透明实现代码

时间:2022-06-25 10:12:49 编辑:袖梨 来源:一聚教程网

标准浏览器里采用的是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,再转为为十六进制就是

热门栏目