CSS Transparenz unerwünscht aber vorhanden

[Willi]

Hallo,

Dein zweites <div> hat sehr wohl mit dem "anderen" zu tun. Denn es ist ein Kindelement des ersteren <div>s, womit sich die Eigenschaft opacity an das zweite <div> vererbt. Der z-index hat damit im Übrigen nix zu tun.

Außerdem: opacity kann keinen größeren Wert als 1 annehmen. Deine Zuweisung an das innere <div> bleibt somit wirkungslos. Mit dem Wert "1" würde es immer noch bei "0.85" liegen, da dann 100% (zugewiesen) von 85% (vom Elternelement geerbt) gelten würde.

Ja, das mit dem opacity:2 war nur testweise^^
Nachdem es mit 1 nicht geklappt hat, dachte ich mir, dass 2 vielleicht sowas wie 200% heißen würde. (Habe ich ehrlich gesagt aber auch nicht geglaubt.)

Wenn aber beim 2. div opacity:1; ist, funktioniert es ja auch nicht, obwohl die Vererbung damit ja sozusagen aufgehoben ist - bzw. keine Wirkung mehr hat.

Und mit z-index habe ich ausprobiert, ob es geht, wenn das <div> über dem anderen liegt (was es aber ja eh schon tut.).

Grüße,
Willi