opacity nur Background

[jumbo125]

hallo, wiedermal benötige ich euer Wissen.

ich habe einen div Container:
#container1{
height:xxx;
width: xxx;
background-color: yellow;
opacity: 0.8;
}

darin befindet sich ein anderer Container. Dieser soll aber nicht durchsichtig sein.

<div id="container1">der Container ist durchsichtig. Idealerweise wäre es, wenn nur der Hintergrund- die Farbe yellow durchsichtig ist
<div id="andererContainer">der darf nicht durchsichtig sein.</div>
</div>

 

[Tronjer]

Opacity vererbt sich nach unten. Nimm statt dessen rgba().

 

[threadi]

opacity betrifft alle Elemente innerhalb des umgebenden Elementes. Wenn Du den Hintergrund alleine transparent haben willst, musst Du auf opacity verzichten und mit rgba() arbeiten oder eine entsprechend transparente Hintergrundgrafik einfügen. Beachte bei rgba() jedoch die fehlende Unterstützung bei älteren Browsern.