设置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.获取你想要颜色值。
![](https://img-blog.csdn.net/20180126162228958?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcG93ODM2ODY4NA==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)
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.效果就出来了
说明一下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.效果就出来了
相关文章推荐
- div不设置高度背景颜色或外边框不能显示的解决方法
- css两种让div背景透明文案不透明的方式(opacity、rgba)
- css设置div背景颜色的方法
- 两种 设置 背景图片方法
- iOS 设置导航透明的两种方法
- 设置SWT包中的Label背景透明的方法
- DevExpress 中 设置 labelControl 的背景透明到图片的方法
- vc++加载透明png图片方法——GDI+和CImage两种 ,vs2005 vs2008 PNG背景
- div+css总结—FF下div不设置高度背景颜色或外边框不能正常显示的解决方法(借鉴)
- MFC/WTL 设置背景图和控件透明的方法
- js实现点击按钮后给Div图层设置随机背景颜色的方法
- android 自定义Dialog背景透明及显示位置设置的方法
- android activity 背景 透明 设置方法
- NavigationController背景透明设置方法
- Activity透明/半透明效果的设置transparent(两种实现方法)【转】
- 设置div背景颜色透明度,内部元素不透明
- WebView背景无法透明的设置方法
- android 设置背景图的两种方法,避免白屏或者黑屏
- div+css总结—FF下div不设置高度背景颜色或外边框不能显示的解决方法 (新浪博客 )
- 将UINavigationBar设置为全透明的两种方法