参见英文答案 >
I do not want to inherit the child opacity from the parent in CSS12个答案嘿，我在google搜索，但我不能罚款任何完美的答案
我想在父DIV但不是孩子DIV的不透明度
例
HTML
<div class="parent"> <div class="child"> Hello I am child </div> </div>
Css
.parent{
background:url('../images/madu.jpg') no-repeat 0 0;
}
.child{
Color:black;
}
注意： – 我想在父Div不是颜色的背景图像
解决方法
可能是很好，如果你定义你的背景图像在：伪类后。写这样：
.parent{
width:300px;
height:300px;
position:relative;
border:1px solid red;
}
.parent:after{
content:'';
background:url('http://www.dummyimage.com/300x300/000/fff&text=parent+image');
width:300px;
height:300px;
position:absolute;
top:0;
left:0;
opacity:0.5;
}
.child{
background:yellow;
position:relative;
z-index:1;
}
检查这个fiddle
