A:hover et IE

Bonjour...

J'ai lu beaucoup de question sur des problèmes liés à un hover sur une balise <a> sous IE.
Vu que j'ai testé les techniques que j'ai pu trouver, en vain, cela vient peut-être d'autre chose, alors j'ouvre un nouveau topic pour mon problème.

Je tente donc de faire simplement passer en majuscule un lien lors du passage de la souris dessus.
Sur Chrome, mon code fonctionne, et donc pas sur IE.

Code:

---

1 2 3 4 5 6 7 8 9 10 11

A:link, A:active, A:visited { color:#786d82; text-decoration: none; font-variant: small-caps; }   A:hover { text-transform: uppercase; }

---

(J'ai pu lire que hover ne fonctionnait pas sous IE sans un Href de renseigné dans la balise <a>, alors je précise que les miennes en ont tous un ^^)

En enlevant tout ce qui fait "A:link, A:active, A:visited", cela fonctionne bien sur IE...

Bonjour,

En fait tu as "mal" compris ;)

IE ne gère hover QUE sur le tag A.

:mrgreen:

Salut,

je crois qu'il faut faire la déclaration dans ce ordre :

1. link
2. visited
3. hover
4. active

Ce qui donne

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13

/* Déclaration commune */ a:link, a:visited, a:hover, a:active { color:#786d82; text-decoration: none; font-variant: small-caps; } /* Personnalisation de hover */ a:hover { text-transform: uppercase; }

---

Je n'avais pas vu...

A priori l'ordre n'a absolument aucun impact.

Par contre la casse ... (il faut écrire "a:hover" pas "A:hover")

devyan

Merci pour vos réponses !

Alors j'ai remplacé "A:" par "a:", nada...

Ensuite, j'ai changé l'ordre, et aucun changement non plus.

Par contre je viens de tester, et en enlevant...

Code:

---

font-variant: small-caps;

---

...cela fonctionne sous IE :/

Problème résolu : je devais simplement repréciser, pour a:hover, "font-variant:normal;".
Visiblement, sous IE donc, le "font-variant:small-caps" hérité bloque le upper-case... :roll: