Discussion :

[PtitGénie]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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...

[devyan]

Bonjour,

En fait tu as "mal" compris

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

[Eric2a]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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;
}

[devyan]

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

[PtitGénie]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

	font-variant: small-caps;

...cela fonctionne sous IE :/

[PtitGénie]

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...