css opacity, nur in einem Bereich

[Rolf B]

Hallo Michael,

das erste div ist per Default ohnehin transparent - warum musst Du es unbedingt selbst transparent machen?

opacity ist für transparente Hintergründe ohnehin nicht das richtige Mittel, es betrifft das komplette Element (Rahmen, Text und Hintergrund). Willst Du das?

Einen volltransparenten Hintergrund erreicht man mit background-color: transparent. Oder man verwendet, wie Matthias schrieb, eine Hintergrundfarbe mit Alpha-Anteil (=Transparenz), das gelingt durch Verwendung der CSS Funktion rgba oder durch eine Hash-Farbangabe mit 4 Werten. Ein Alpha von 0 ist volltransparent, ein Alpha von 1 (oder ff in der Hash-Angabe) ist voll deckend.

<div style="background-color:transparent">sfsdf</div>
<div style="background-color:rgba(255, 0, 0, 0.5)">sfsdf</div>
<div style="background-color:#ff000080">sfsdf</div>

Rolf