设置div背景透明两种方法

7 篇文章 1 订阅
1 篇文章 0 订阅

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.效果就出来了




评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值