设置div背景透明两种方法

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

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

1.获取你想要颜色值。

设置div背景透明两种方法_第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);}
设备初始化设置

4.效果就出来了




你可能感兴趣的:(html,javascript,2018-1)