problème avec PseudoClass et text-decoration: underline dans IE6

Question

J'utilise un morceau de quelque chose html comme ce qui suit: -

<a class="somePseudoClass" title="Blablabla">Something</a> 

et j'ai le suivant dans un css fichier importé.

a.somePseudoClass:hover  {color: #000000; text-decoration: underline;} 

Ceci fonctionne parfaitement dans Firefox 2.0 mais dans IE6 le soulignement ne montre pas.

Est-ce que quelqu'un sait d'une solution de contournement?

Answer 1

cela devrait fonctionner, mais cela dépend de ce que d'autres déclarations CSS que vous avez (avant et après)

Answer 2

Vous avez besoin du un attribut href pour le faire fonctionner ...

a.somePseudoClass   {text-decoration: none;} 
a.somePseudoClass:hover {color: #000000; text-decoration: underline;} 
<a class="somePseudoClass" title="Blablabla" href="#" onclick="return false;">Something</a> 

Answer 3

Comment êtes-vous désactiver le soulignement en premier lieu? Peut-être que cela l'emporte sur cela.

Si vous commencez avec uniquement votre exemple sur la page et que vous utilisez text-decoration: underline, cela semble fonctionner correctement. Ce n'est pas IE, c'est autre chose sur votre page.

Answer 4

Je viens de le faire avec ie6 et j'ai trouvé ce message ici en googlant. Mon problème était que la hauteur de la ligne était identique à la hauteur de la police. FF, Chrome, Safari et IE8 ont tous montré le soulignement, mais ie6 le coupait, donc aucune recherche d'éléments css écrasants ou quoi que ce soit ne l'aurait trouvé.

Answer 5

Dans IE 6:

div#nav a { 
    text-decoration:none; 
} 

a:link n'est pas défini dans IE 6.