multimolti
Erfahrenes Mitglied
Hallo!
Ich habe eine Website designt und, um das Hintergrundbild besser zur Geltung zu bringen, den eigentlichen Inhalt zu 20% transparent gemacht, also die Opacity auf 80% gesetzt. Das hat sowieso nur so lala geklappt, aber bei Bildern sieht es richtig dreckig aus.
Das Haupt-div meiner Website hat folgenden CSS-Code drin:
Das mit dem "filter" für den IE und für alle anderen Browser "opacity". Firefox und Chrome (Safari und Opera hab ich noch nicht getestet) übernehmen die Opacity auch für alle untergeordneten Elemente, der IE übernimmt den Filter aber nur für das momentane.
1. Wie kann ich das bei allen Browsern gleich hinbekommen?
Und was nervt ist dass ALLE untergeordneten Elemente transparent werden, d..h. auch Bilder.
2. Wie kann ich bei denen die Transparenz überschreiben? Einfach in der img-CSS-Klasse Opacity und Filter auf 1 bzw. 100 zu setzen hilft leider nicht.
Danke!
Ich habe eine Website designt und, um das Hintergrundbild besser zur Geltung zu bringen, den eigentlichen Inhalt zu 20% transparent gemacht, also die Opacity auf 80% gesetzt. Das hat sowieso nur so lala geklappt, aber bei Bildern sieht es richtig dreckig aus.
Das Haupt-div meiner Website hat folgenden CSS-Code drin:
Code:
filter:alpha(opacity=80);
opacity: 0.8;
1. Wie kann ich das bei allen Browsern gleich hinbekommen?
Und was nervt ist dass ALLE untergeordneten Elemente transparent werden, d..h. auch Bilder.
2. Wie kann ich bei denen die Transparenz überschreiben? Einfach in der img-CSS-Klasse Opacity und Filter auf 1 bzw. 100 zu setzen hilft leider nicht.
Danke!