Textmarke bei Mouseover in Firefox/Opera

15/08/2008 - 16:19 von Thomas Quartier | Report spam
Hallo zusammen,

kennt jemand folgendes Problem:

Eine Textmarke flackert heftig auf, wenn die Maus über sie hinweggeht.
Anzusehen unter:

http://www.fugit.de/presse/index.htm

Es ist für die Verlinkung ein Mouseover-Effekt definiert:

<style>a:link, a:visited { text-decoration: none; font-family: Verdana;
color: #CCCCCC; font-weight: normal; font-size: 10.0pt } a:hover { color:
#FFFFFF; font-family: Verdana; font-weight: normal; font-size: 10.0pt }

IE7 führt den Befehl (wie gewünscht) nur bei Mouseover übere dem Link aus,
Firefox und Opera tun dies auch über dem Ziel, der Textmarke.

Wer kennt einen Trick, diese hàssliche Sache los zu werden?

Vielen Dank schon mal

Thomas
 

Lesen sie die antworten

#1 Christoph Schneegans
15/08/2008 - 23:17 | Warnen spam
Thomas Quartier schrieb:

a:hover

IE7 führt den Befehl (wie gewünscht) nur bei Mouseover übere dem
Link aus, Firefox und Opera tun dies auch über dem Ziel, der
Textmarke.



IE7 macht es falsch, Firefox und Opera hingegen richtig. Der
Selektor a:hover paßt gemàß CSS-Spezifikation sowohl auf
<a href='.'> als auch auch <a name='.'>. Verwende stattdessen den
Selektor a:link:hover.

Alternativ kannst du auch einfach <p><a name='.'></p> durch
<p id='.'></p> ersetzen. Ich bevorzuge diese Variante.

<http://schneegans.de/frontpage/faq/> · FrontPage-FAQ

Ähnliche fragen