Opacity auf #page, allerdings img ausschließen

Slow_AJ_tide

Theme: Wordpress Default
http://51761409.de.strato-hosting.eu/wp/

Ich experimentiere zur Zeit mit Transparenz auf meiner Seite.
Wie schaffe ich es, dass zwar die gesamte Seite (#page) transparent ist, images jedoch 100% haben - möglicherweise auch erst beim hover 100%.

Ich hatte es mir eigentlich so gedacht:

Zitat

#page {
filter:alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
}

img {
filter:alpha(opacity=100);
-moz-opacity:1.0;
-khtml-opacity: 1.0;
opacity: 1.0;
}

Alles anzeigen

Jedoch scheint das nicht zu klappen. Das Bild bleibt transparent. Auch #page img {} brachte keinen Erfolg. Kann jemand helfen?

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

Slow_AJ_tide

Ok, scheinbar lässt sich die Vererbung von opacity nicht aufheben. Ist das Elternelement transparant, so wird das Kind auch transparent.

Mist, Mist, Mist!

Es könnte so einfach sein.

maxe

hast du es mal mit einem !important probiert:

Code

img {
  filter:alpha(opacity=100)[COLOR=Red] !important[/COLOR];
    -moz-opacity:1.0[COLOR=Red] !important[/COLOR];
    -khtml-opacity: 1.0 [COLOR=Red]!important[/COLOR];
    opacity: 1.0 [COLOR=Red]!important[/COLOR];
}

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Opacity auf #page, allerdings img ausschließen

Jetzt mitmachen!