css opacity, nur in einem Bereich

[Der Martin]

Hallo,

Ich würde gerne den Hintergrund transparent machen (erstes DIV), aber das zweite DIV, mit der Schrift normal, bzw. mit schwarzen vollen Hintergrund.

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

das wird nicht gehen, weil opacity immer auf den Inhalt eines Elements einschließlich aller Kindelemente wirkt. Eine weitere opacity-Angabe für das Kindelement multipliziert sich mit dem Wert des Elternelements.

Und bevor du jetzt auf die Idee kommst, dem Kindelement opacity:2.5 zu geben: Auch das wird nichts, denn der Wert der opacity-Eigenschaft darf nur zwischen 0 und 1 (je einschließlich) liegen.

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

Denn 1.0 heißt nur: 100% von dem, was man vom Elternelement vererbet bekommt.

Ciao,
 Martin