Kann ein Kind Div eine höhere Opazität als Eltern mit CSS haben?

Ich habe einen Hintergrund auf einer Seite Körper, der ein Bild, das ich durch die erste Stufe der divs zeigen will, aber die zweite Ebene div gut die zweitenKann ein Kind Div eine höhere Opazität als Eltern mit CSS haben?

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

nicht

Offensichtlich als die Opazität von 0,9 aufgreift Gibt es eine Möglichkeit, dies zu überschreiben?

Quelle

2012-04-04 Brian

sollte dabei helfen. http://css-tricks.com/non-transparent-elements-inside-transparent-elements/ –

Die einfache Antwort ist nein: Sie müssen Wege um ihn herum finden. – BoltClock

mögliches Duplikat von [Ich möchte die Kind-Deckkraft nicht vom übergeordneten Element in CSS erben] (http://stackoverflow.com/questions/5770341/i-do-not-want-to-inherit-the-child-opacity -von-der-Eltern-in-css) –

Hallo Sie mögen dieses

tun können Sie Eltern opicity

und Kind definieren kann wie Sie

ex.

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>

Live-Demo hier http://jsfiddle.net/rohitazad/PC4sL/

Quelle

2012-04-04 05:23:42

Jede dieser sollte Ihnen den Einstieg:

Answer 1

Answer 2

Quelle

2012-04-04 05:02:23 cereallarceny

Kann ein Kind Div eine höhere Opazität als Eltern mit CSS haben?

Antwort

Verwandte Themen