Discussion :

[Satch]

Bonjour,
Je rencontre un petit problème avec IE.

Tout ce qui suit est en xhtml strict et sans scripts (j'ai mes raisons).

J'ai un texte, quand je passe la souris dessus (hover) un autre s'affiche. Quand la souris est enfoncée dessus (active) un autre doit s'afficher à la place.

Je vous donne le code puis la description du problème :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
                      span {display:none;}
 
                      a:hover {background:none;} /*HACK IE*/
 
                      a:hover span.survol{display:inline;} /*affichage du survol*/
 
                      a:active {background:none;} /*HACK IE*/
 
                      a:active span.clic{display:inline;}  /*affichage du clic*/
 
                      a:active span.survol{display:none;} /*on cache l'élément survol*/
(...)
	      <p>
                 <a href="#">
                 passez la souris ici
                 <span class="survol">survol</span>
                 <span class="clic">clic</span>
                 </a>
              </p>

Sous Firefox et Opera, pas de soucis, c'est le comportement que j'attends. Mais sous IE, une fois que j'ai cliqué, le texte "clic" reste affiché jusqu'à ce que je clique ailleurs. C'est comme si le lien restait dans l'état "active" même si la souris n'est plus enfoncée. Même le "hover" ne reprend pas la main sur le "active" (mon "survol" n'apparait plus, seul le "clic" reste)

Y a-t-il un moyen pour réussir à avoir le bon comportement sur IE ?

[Valenten]

Salut !

avec un onmouseout sur le span ?

[Satch]

en xhtml strict et sans scripts (j'ai mes raisons).

Donc non