CSS und Hover
bearbeitet von Camping_RIDERAloha ;)
> 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.
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
~~~css
.figure-img:hover {
}
~~~
Wenn du das auf
~~~css
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.
--
Camping_RIDER a.k.a. Riders Flame a.k.a. Janosch Zoller
# [Twitter](https://twitter.com/Camping_RIDER) # [Steam](http://steamcommunity.com/id/Camping_RIDER) # [YouTube](https://www.youtube.com/user/RidersFlame) # [Self-Wiki](http://wiki.selfhtml.org/wiki/Benutzer:Camping_RIDER) #
[Selfcode](http://community.de.selfhtml.org/fanprojekte/selfcode.htm): sh:) fo:) ch:| rl:) br:^ n4:? ie:% mo:| va:) js:) de:> zu:} fl:( ss:) ls:[