您的位置:首页 > Web前端 > CSS

设置div背景透明两种方法

2018-01-26 16:30 393 查看
css设置div背景透明有两种方法:第一种使用opacity:0~1,这个方法有个缺点,就是内容也会跟着透明;第二种方法就是background-color:rgba(0,0,0,0~1),使用这个方法就只会设置div背景透明,而不会影响到div里的内容。

说明一下background-color:rgba(0,0,0,0~1)的使用

1.获取你想要颜色值。



2.把RBG值转换为数值 ,也就是16进制数值转换10进制

   dc = 220  

   26 = 38

   26 = 38

3.把值设置到css上,并且设置透明度

.title_div{width: 100%;
height: 30px;
line-height: 30px;
text-align: center;
color:white;
background-color:rgba(220,38,38,0.2);}
<div class="title_div">
设备初始化设置
</div>


4.效果就出来了

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  html css div