CSS und Hover

[Camping_RIDER]

Aloha ;)

Jetzt ist es allerdings so, dass der Mouseover verschwindet, sobald man mit der Maus über den text fährt.

Der hover-Effekt ist per CSS an das img mit class figure-img gebunden.

Die figcaption ist nicht Teil dieses img, sondern ein Geschwister-Element (auf derselben Ebene, nicht Teil davon).

Wenn man nun also über die figcaption fährt, wird das figure-img folglich nicht mehr gehovert, da die Maus nun über der figcaption, aber nicht über dem figure-img schwebt.

Können Sie mir nochmal sagen, welches Einstellung ich hier anpassen kann?

Die Lösung besteht darin, den hover-Effekt nicht am figure-img sondern am gemeinsamen parent-Element festzumachen.

Dein Selektor heißt im Moment

.figure-img:hover {
}

Wenn du das auf

figure.hover:hover figure-img {
}

umstellst, oder je nach benötigter Spezifizität auf eine Variante davon (z.B. figure.hover:hover + figure-img) sollte der von dir gewünschte Effekt erreicht werden.

Grüße,

RIDER

P.S.: Wir duzen uns untereinander im Allgemeinen. Du darfst das gerne auch so halten.