Bild hover Text einblenden CSS3 slide

[okni]

Hallo,

habe folgendes Bsp. versucht in contao einzubauen: KLICK

Der slide usw. klappt schon soweit, nur wenn ich mit der Maus über das caption-Feld gehe, "wackelt" das!?

Vielleicht kann jemand helfen! Ist auch ein schönes Bsp. für andere! ;-)

Site: neu.wanie-schiefer.de

contao: 3.3

Danke und VG
rw

[lucina]

Bei mir wackelt da nix in Chrome 40.0.2214.111 m, FF 35.0.1, IE 11.0.16, In Vivaldi 1.0.94.2 schaut's seltsam aus - was sich aber legt, wenn Du <figure> dieselbe Höhe wie der Bilddatei (200px) gibt.

[okni]

hallo,

danke für die Antwort!
hm..., komisch! Bei wackelts in FF (35.0.1). Aber eben nur, wenn man mit der Maus über das caption-Feld fährt, was sich einblendet.

Wenn <figure> height: 200px hat, leider der gleiche effekt!?
Wenn man über das caption fährt bzw. mal bissl hin und her macht!

VG
rw

[kleppi]

Hallo,

das wackelt bei mir auch wenn ich immer über caption fahre.
Mich würde es auch interessieren wie man das abstellt.

Gruß Klaus

[baumbaTz]

Das "zappeln" hab ich hier bei Firefox 35 auch ... bei Chrome 40 hab ich das "Zappeln" beim drübergehen über die Caption und wenn ich den Mauszeiger drauf lasse kommt die Caption plötzlich immer von der Mitte aus nach unten.

Kollidieren da vielleicht zwei CSS Anweisungen zum reinkommen? Einmal von unten einmal von oben?!

[derRenner]

Hallo,

das 'Zappeln' kann ich ebenfalls erkennen.
Ohne dein CSS jetzt mal genauer angesehen zu haben ... mir ist aufgefallen, dass du über das <figure .image_container> dein :hover legst - was jetzt mal korrekt ist. ABER du legst auch ein :hover über <figcaption .caption> ... was ich jetzt mal als nicht korrekt ansehen würde!
:hover über <figure> erreichst du ja schon das was du möchtest » caption wird eingeblendet
:hover über <figcaption> willst du die Aktion quasi nochmals durchlaufen - somit verschwindet die 'caption' aber kommt sofort wieder, weil du ja noch über dem <figure> stehst

[okni]

Hallo,

jetzt geht es. Ich hatte die CSS Anweisung doppelt!
VG