背景透明内容不透明

作者: 宋乐怡 | 来源:发表于2018-01-30 16:56 被阅读0次

opacity控制的透明度，会使子元素全都变成透明。

.cover{
  width:670px;
  height: 333px;
  opacity:0.6;
  background-color:rgba(20,32,60,0.6);
}

image.png

用rgba能做到让子元素不透明

.cover{
  width:670px;
  height: 333px;
  background-color:rgba(20,32,60,0.6);
}

image.png

背景透明内容不透明
opacity控制的透明度，会使子元素全都变成透明。用rgba能做到让子元素不透明
android 透明色
设置alpha有一种局限性，会使得内容也变得透明，但是使用透明色只会使背景透明，内容不透明不透明 ...
No.2、android 透明色
设置alpha有一种局限性，会使得内容也变得透明，但是使用透明色只会使背景透明，内容不透明不透明 ...
ionic——背景透明（字不透明），背景图透明（字不透明），背景
1、背景模糊（字不透明）background: rgba(0, 0, 0, 0.5);2、背景图透明（字不透明） ...
CSS3透明度
css3透明度两种写法整体透明opacity: 1;背景透明，内容不透明background-color: rgb...
css 属性
背景纯色图片颜色 1、颜色值 2 、属性 opacity (n 不透明)： 0 透明 1 不透明边框...
样式问题的经验总结
背景透明，内容不透明强制换行/不换行单/多行文本溢出 1). 单行文本溢出 2). 多行文本溢出
背景半透明而且子控件不透明
IOS开发设置背景半透明而且子控件不透明 colorWithWhite: alpha: 需求：背景半透明而其子控件...
2018-04-23
半透明背景 background:rgba（r，g，b，0～1透明度）越大越接近不透明
2018-05-02
背景透明 background:rgba（r，g，b，0～1透明度）数值越大越接近不透明

网友评论

本文标题：背景透明内容不透明

本文链接：https://www.haomeiwen.com/subject/quvczxtx.html

背景透明内容不透明