Question

我在页面主体上有一个背景，这是一个我希望通过第一级div而不是第二级显示的图像

<body>
      <div style='opacity:0.9;'><p>This is a wrapper that shows some of the background</p>
          <div style='background-color:#fff;'><p>This is a child div that I want to be all white</p>
          </div>
      </div>
</body>

显然，第二级div获得了.9的不透明度，还有一种方法可以覆盖它吗？

Answer 1

嗨，你可以这样做

您可以定义父选择

和孩子一样

离。

<强> CSS

.parent{
    padding:20px;
    background:rgba(112,81,246,0.3);
}
.child{
    padding:20px;
    background:rgba(112,81,246,0.6);
}

<强> HTML

<div class="parent">
<div class="child">Hello i m child</div>
</div>

现场演示http://jsfiddle.net/rohitazad/PC4sL/

Answer 2

任何这些都应该让你开始：

Answer 1

Answer 2

儿童div的不透明度是否高于父母的css？

2 个答案: