• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

[ERLEDIGT] Opacity bei Hover

Dsimon24

Mitglied
Hallo zusammen, guten Morgen!

ich versuche gerade ein wenig was zu realisieren - mit CSS...

Mein Code:
Code:
.container.index {
    opacity: 0.3;
}

.container.index :hover {
    opacity: 0.8;
}

Mein Ziel ist es, dass ein bestimmter Bereich 'DIV' recht
transparent ist. Wenn ich mit der Mouse drüber gehe,
soll die Transparenz ein wenig verschwinden.

Beim Hover geht die Transparent aber nicht auf 0.8, sonder
der nimmt eine neue Transparenz von der bereits vorhandenen
Transparenz. Also 0.3 macht der nochmal transparenter. Wie
kann ich mein Vorhaben realisieren, dass mein Mouse-Ober
die das DIV-Element nicht mehr so sehr transparent ist,
wie zuvor?

VG, David
 
Werbung:
Hallo

Dein Quelltextschnipsel hilft nicht weiter, der passt nicht zu der Problembeschreibung.

So lässt sich nur sagen dass das Leerzeichen vor :hover falsch ist.

Besser wäre ein Link zu der Seite.

Gruss

MrMurphy
 
Zuletzt bearbeitet:
Beim Hover geht die Transparent aber nicht auf 0.8, sonder
der nimmt eine neue Transparenz von der bereits vorhandenen
Transparenz. Also 0.3 macht der nochmal transparenter.
Kann ich mit dem fehlerkorrigierten CSS (Leerzeichen vor :hover entfernt) nicht reproduzieren.

Bitte ein entsprechendes Beispiel zeigen, aus dem dieser Fehler hervorgeht.
 
Werbung:
Zurück
Oben