z-index Problem, Bild ist auch transparent

hinkel11

Mitglied
Hallo,

mein Problem ist wie folgt:,
Ich habe eine transparente Box mit leichter Transparenz.
Die Bilder die ich dort drinnen habe sind nun auch transparent. Warum?
Ich hab schon so ziemlich alles versucht. Bei der class (.poll) die für die Box zuständig ist hab ich "z-index: 1" hinzugefügt, dann hab ich "z-index: 2" bei der 'class .poll IMG' hinzügefügt - ohne Änderung. Ich hab für die Bilder eine neue class eingerichtet (noopacity) wo ich dann z-index: 2 und -moz-opacity: 1.0 zugewiesen hab und die class dann direkt ins img-Tag eingesetzt. Hab auch sicherheitshalber !important hinten rangehangen. Aber hat alles nichts gebracht.
Was mache ich falsch?

Das Problem gibst hier zusehen (rechts die transparente Box, wo Gehren und Kreblitz steht):
http://www.corona-gehren.de/main

Die Logos sollen nicht transparent erscheinen.
 
Hi,

Nachfolgeelemente eines Elternelements mit der Opacity-Eigenschaft (-moz-opacity:0.7, opacity:0.7, filter:alpha(opacity=70)) erben diese Transparenz immer automatisch - daran ändert eine höhere Schichtpositionierung z-index und ein anderer Opacity-Wert für die Kinderelemente auch nichts.

Umgehen lässt sich dies nur mit einem halbtransparenten PNG-Hintergrundbild anstelle der Opacity-Deklarationen.

mfg Maik
 
Zurück