:hover und visibility:hidden Probleme ?

[MudGuard]

Hi,

ein Bild Link in einer Navigationsliste soll beim "überfahren" mit der Maus unsichtbar sein.

Dafür habe ich diesem entsprechenden <li> Element mit dem Bildinhalt die Eigenschaft visibility:hidden gegeben bei :hover.

Der Browser fängt bei hover über dem Element aber an das Bild "flackernd" zu zeigen. Bei der Eigenschaft display:none - hätte ich das noch (eventuell) verstanden. Das Element bleibt doch aber aktiv und wird nur unsichtbar?

Nein, das Element ist weg, nur sein Platz wird reserviert.

==> Maus kommt über das Element, das Element wird ausgeblendet, die Maus ist nicht mehr über dem Element, das Element wird also wieder eingeblendet, womit sich die Maus über dem Element befindet, das Element wird ausgeblendet ...

m.a.W. es flackert.

Eine Lösungsidee wäre, opacity auf 0 zu setzen.

cu,
Andreas