Discussion :

[1tox]

Salut,

je souhaiterais afficher une image lorsque la souris passe sur un lien. Pour ce faire, j'ai créé les classes css suivantes

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
 
a.rollover {
	position: relative;	
}
 
a.rollover img {
	position:absolute;
	display: none;
}
 
a.rollover:hover img {
	position:absolute;
	left: 300px;
	display: inline;
}

avec le code HTML suivant

Code :

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

1
2
3
4
 
<a href="..." class="rollover">
    <img src=".." width="192" height="150">
</a>

cela fonctionne bien avec firefox mais pas avec IE6. Quelqu'un a-t-il une idée?

[franculo_caoulene]

Salut,

C'est tout simplement un bug d'IE6 apparemment. Rien à faire de ce coté là.

[1tox]

Sauf à utiliser du javascript hélas Merci pour le tuyau

[Candygirl]

Normalement il te suffit d'attribuer une propriété "bidon" sur le a:hover pour le faire fonctionner sur IE6. Genre:

Code :

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

1
2
3
a.rollover:hover {
  border:0;
}

[franculo_caoulene]

Ah ouai, tiens bien joué!

[1tox]

Bien joué! Ca marche! Le truc, c'est de définir au moins une propriété de la pseudo-classe a:hover et que la balise A(anchor) possède un attribut href.