[adrian]

Hallo Leute,
ich habe folgendes Problem:

Ich habe eine Seite mit einem absolut positioniertem div erstellt, das ein background-image beinhaltet und dessen Breite auf 100% gestellt ist, sodass sich dieses Bild im Hintergrund über die komplette Website erstreckt und sich automatisch der Browsergröße anpasst.
Darüber liegt ein weiteres kleineres div (background-color:#FFFFFF, mittig ausgerichtet), dass ich mit hilfe von filter:alpha(opacity=85) und -moz-opacity: 0.85 teilweise durchsichtig gemacht habe, sodass das Hintergrundbild des ersten div-Containers etwas durchschimmert. In diesem kleineren div sollen die Inhalte der Website angezeigt werden.
Dies funktioniert auch wie geplant, allerdings mit einem kleinen Problem:

Wenn ich Bilder im Inhalts-div anzeigen möchte, sind diese ebenfalls durchsichtig, was allerdings nicht sein soll! Sämtliche Versuche dieses Problem duch Ändern der Bildeigenschaften wie z.B opacity auf 100 setzen oder das Bild in einem weiteren <div> mit opacity 100 Eigenschaft einzubauen zeigen keinen Erfolg. Ich weiß nicht mehr weiter...

Wenn jemand dieses Problem kennt oder einen konstruktiven Lösungsvorschlag anzubieten hat, wäre ich sehr dankbar.

Danke fürs Lesen!
Gruß
Adrian

[EvT]

ups ... Fehlversuch ... s. u.

[EvT]

Ein möglicher browserübergreifender Lösungsansatz: Avoid the inheritance of the CSS Opacity across borswers

[adrian]

Hey Super!!!
Vielen Dank, damit habe ich es hinbekommen! War zwar immer noch eine ziehmliche Frikelei, aber es funktioniert!

Gruß
Adrian