在html中如何让div转换颜色,Web前端html中通过CSS来设置div背景颜色透明度

web前端开发中很多时候需要在html中通过CSS来设置div背景颜色透明度，分享一下Html/Css标签透明度效果的实现,在html中，实现半透明背景。

下面是效果图：

html、css代码

html背景颜色透明

.wh{

width: 100px;

height: 100px;

}

.bg{

background: #C7EDCC;

}

.bg1{

background: rgba(199,237,204,0.5);

}

.bg2{

background: #C7EDCC;

filter:alpha(opacity=50); /* ie 有效*/

-moz-opacity:0.5; /* Firefox 有效*/

opacity: 0.5; /* 通用，其他浏览器 有效*/

}

html背景颜色透明

纯背景background: #C7EDCC;

上流阁

透明背景background:rgba(199,237,204,0.5);

上流阁

文字背景都透明

上流阁

*文章为作者独立观点，不代表上流阁立场

本文由 江风成 授权 上流阁 发表，并经上流阁编辑。转载此文章须经作者同意，并请附上出处(上流阁)及本页链接。原文链接https://www.o6c.com/web/2016/10/22/379.html