【发布时间】：2016-08-24 12:27:40
【问题描述】：
我想将不透明度设置为父 div，而不是 1 个特定的子 div。 所以我有一个像这样的html代码：
body {
background-image: url(http://url.jpg)
}
#main {
opacity: 0.9;
}
#slider {
opacity: 1;
}<body>
<div id="main">
<div id="slider">
</div>
<div id="content-wrapper">
</div>
</div>
</body>显然这行不通。整个#main div 现在对背景 div 是透明的。这就是我想要的，但不是#slider div。出于某种原因，当仅将opacity 设置为#content-wrapper 时，根本没有任何反应。
有什么想法吗？
编辑： 我不能使用 rgba 颜色，因为我希望背景图像通过。您能解释一下为什么向#content-wrapper 添加不透明度不起作用吗？
【问题讨论】：
-
如果
background是纯色的，那么最好使用rgba(0,0,0,.5)（颜色根据您的要求）而不是opacity -
您好，我不能使用 rgba 颜色，因为我希望背景图像通过。您能解释一下为什么向#content-wrapper 添加不透明度不起作用吗？