hover funktioniert anscheinend bei ie nicht

[1laco]

hallo,

habe gerade ein kleines problemchen festgestellt.

und zwar arbeite ich mit mac und habe gerade eine website fertiggestellt. bei allen von mir benutzten browsern (firefox, norton, opera) funktioniert der hover-effekt, nur beim ie (5.2 für mac und ich denke die neuste version auf pc) funktioniert er nicht.

weiß zufällig einer von euch woran es liegen könnte und wenn ja, wie man dem entgegenwirken kann?

<div id="link">
<a class="link" href="index.html" target="_top">button1<br /></a>
</div>

a.link:hover {
    color: #000000;
    background-color : #FFFFFF;
    text-decoration: none;
    font-family: "Courier New", Courier, monospace;
    font-size: 12px;
    line-height: 17px;
}
a.link:link {
    color: #DDDDDD;
    text-decoration: none;
    background-color: #DDDDDD;
}

a.link:visited {
    color: #DDDDDD;
    text-decoration: none;
    background-color: #DDDDDD;
}

gruß 1laco

 

[threadi]

Wo ist denn dein hover-Effekt?

a.link:hover { ... }

 

[1laco]

oh vergessen zu posten, hab ich geändert

 

[neuroleptika]

Ich ignoriere den IE5/mac.
Der wird kaum noch verwendet. Selbst IE5/win taucht kaum noch in den Statistiken auf. Ich kenne mich mit der mac-Version auch nicht aus. Dafür habe ich nicht einmal eine eigene Testmöglichkeit.

Probiere mal anstelle von a.link:hover, a:hover aus.
Wenn das nicht hilft lösche testhalber mal die anderen pseudoklassen.
Ist nur ein Verdacht, kein Wissen.

Wenn ich eine IE-mac-Version in meinen Statistiken sehne würde, würde ich eher von einem Bot ausgehen als von einem echten Besucher.
Von Darstellungsfehlern im IE/mac kann mann kaum Rückschlüsse auf IE5/win schließen.
Die wichtigsten Internet Explorer sind zur Zeit IE6 und IE7. Beide gibt es nicht für mac.

 

[1laco]

ich hatte es auch auf einem pc mit der neusten ie version testen lassen, da gab es das gleiche problem.

ich probier mal die a.hover methode aus.

 

[Efchen]

Das Problem ist folgendes:

1. Der IE kann :hover nur für das Link-Tag <a>.
2. Du musst die richtige Reihenfolge einhalten, sonst werden die Effekte überschrieben. Die richtige Reihenfolge ist :link, :visited, :hover, :active.

Gruß,
-Efchen