Может ли дочерний div иметь более высокую непрозрачность, чем родительский с css?

У меня есть фон на теле страницы, который является образом, которое я хочу показать через первый уровень 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, но есть ли способ переопределить это?

Ответы

Ответ 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/