Div-Hintergrund durchscheinen lassen mit opacity

[swisshans]

...
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

Hallo Martin - danke für die Ausführungen.
Ich meine es ganz genau so, wie Du es beschreibst - offenbar habe ich mich wirklich komplett unklar ausgedrückt - nochmals sorry.

Ich gebe dem Bild opacity - aber es scheint dann nicht das Weiss des div-Elements durch, sondern das Schwarz des body-Elements.

  
body { background-color:#000; }  
div#thumbnails { width: 800px; }  
div.item { opacity: 1; background-image:url(weiss.gif);}  
div.item:hover { opacity: 0.8; }  

  
<div id="thumbnails">  
    <div class="item"><img src="Bild1.jpg" /></div>  
</div>