Question

我想将不透明度设置为父div而不是1个特定的子div。所以我有一个像以下的HTML代码：

＆＃13;

body {
  background-image: url(http://url.jpg)
}
#main {
  opacity: 0.9;
}
#slider {
  opacity: 1;
}

＆＃13;

<body>
  <div id="main">
    <div id="slider">
    </div>
    <div id="content-wrapper">
    </div>
  </div>
</body>

＆＃13;

显然这不会奏效。整个#main div现在可以透明化为背景div。这就是我想要的，但不是#slider div。出于某种原因，当只将opacity设置为＃content-wrapper时，根本没有任何事情发生。有什么想法吗？

编辑：我不能使用rgba颜色，因为我希望背景图像能够通过。你能解释一下为什么在＃content-wrapper中添加不透明效果不起作用吗？

Answer 1

也许用rgba或hsla颜色代码可以帮忙

#someParent {

background: rgba(0,0,0,0.5);

}