Div-Hintergrund durchscheinen lassen mit opacity

[Der Martin]

Hi,

Sorry - habe ich mein Problem nicht klar beschrieben?

mag sein, ich hatte es nämlich auch nicht wirklich verstanden.

Mein Problem ist, dass bei opacity nicht der gewünschte Bild-div-Hintergrund durchscheint, sondern der body-Hintergrund.

Das ist klar: Es wird dasjenige Element durchscheinend, das einen opacity-Wert <1 hat. In deinem Fall also das div-Element. Du musst dir die Schichten klarmachen, wie einen Papierstapel:

Da liegt obenauf ein Foto.
Drunter ein weißes Blatt Papier (das div-Element).
Und ganz unten die Tischplatte (dein body-Element).

Wenn jetzt das Papier nass und durchscheinend wird, was siehst du dann an der Stelle durchschimmern? Genau, die Tischplatte. Du willst aber in Wirklichkeit das Foto teiltransparent machen, so dass man das helle Papier durchscheinen sieht. Wende also opacity nicht auf den div-Container an, sondern auf das Bild.

Ich hoffe, ich habe deine Absicht jetzt richtig verstanden.

Ciao,
 Martin