css opacity, nur in einem Bereich

[Matthias Scharwies]

Herzlich willkommen bei SELFhtml.

<div style="background:#ff0000; padding:50px 0 50px 0; opacity: 0.4;">
<div style="background:#000;">TEST</div>
</div>

Ich habe schn versucht einfach in das zweite DIV den Wert opacity auf 1 zu setzen, aber ohne Wirkung.

Ja das vererbt sich immer auf die Kindelemente:

• Avoiding inheritance of Opacit in CSS?

Nimm entweder rgba-Farben für das erste div oder positioniere das zweite absolut (aber nicht als Kinelemenent); was aber auch nicht ohne weiteres zu empfehlen ist.

Herzliche Grüße

Matthias Scharwies