27

我在页面正文上有一个背景,这是一个我想通过第一级 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 也获得了 0.9 的不透明度,有没有办法覆盖它?

4

2 回答 2

33

嗨,你可以这样做

您可以定义父 opicity

和你一样的孩子

前任。

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/

于 2012-04-04T05:23:42.370 回答
0

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

答案 1

答案 2

于 2012-04-04T05:02:23.137 回答