¿Puede un niño div tener una opacidad más alta que el padre con css?

que tienen un fondo de un cuerpo de página que es una imagen que quiero mostrar a través del primer nivel de divs pero no el segundo¿Puede un niño div tener una opacidad más alta que el padre con css?

<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>

Obviamente, el segundo nivel div recoge la opacidad de 0,9, así ¿Hay alguna manera de anular esto?

Fuente

2012-04-04 Brian

Esto debería ayudar. http://css-tricks.com/non-transparent-elements-inside-transparent-elements/ –

La respuesta simple es no: necesita encontrar formas de evitarlo. – BoltClock

posible duplicado de [No deseo heredar la opacidad hija del padre en CSS] (http://stackoverflow.com/questions/5770341/i-do-not-want-to-inherit-the-child-opacity -from-the-parent-in-css) –

Hola que puede hacer como como esto

Puede definir opicity padres

y el niño como al igual usted

ej.

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>

Demostración en directo aquí http://jsfiddle.net/rohitazad/PC4sL/

Fuente

2012-04-04 05:23:42

Cualquiera de estos debe empezar:

Answer 1

Answer 2

Fuente

2012-04-04 05:02:23 cereallarceny

¿Puede un niño div tener una opacidad más alta que el padre con css?

Respuesta

Cuestiones relacionadas