Bonjour,

J'ai un petit CODE CSS qui permet de faire afficher une image lorsque on survol un lien.

Ce script fonctionne super bien sous FireFox, j'ai aussi Safari sur mon PC et tout se passe bien, mais rien ne se passe sous IE.

J'ai chez moi 3 PC avec 3 versions différentes de IE soit la 8,9,10 et même résultat sur les 3. Lorsque je passe ma souris sur le lien, l'image n'apparait pas.

Je sais que probablement je vais avoir besoin d'exception pour Internet Explorer, mais mes connaissances en CSS ne sont pas assez bonnes pour comprendre ce qui ne va pas.

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
20
.auteur{
  position:relative;
}
 
.auteur span{
  position:absolute;
  left:-90px;
  top:-90px;
  display:none;
  border:1px solid #888;
  text-align:center;
  color:#FF0000;
  background-color:#000000;
  font-size:10px;
}
 
.auteur:hover span{
  display:inline;
  z-index:9000000;
}
J'ai ajouté un z-index car l'image apparaissait en dessous du lien et non par dessus.

Le lien avec le code :

Code php : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
<div class="auteur">
<a href="http://www.labougeotte.net/membres/membreprofil.php?ID=<?php echo $_SESSION['id_users']; ?>&id_profil=<?php echo $row['ID']; ?>">
<?php echo stripslashes($row['nickname']) ?> - <?php echo stripslashes($row['sexe']); ?>
<span>
<img src="http://www.labougeotte.net/images/<?php echo $photo; ?>" width="90" height="120" /><br /><?php echo stripslashes($row['prenom']); ?>
</span>
<?php if ($row['online'] == '1') { echo '&nbsp;&nbsp;<img src="http://www.labougeotte.net/img/bulle_tchat.png" width="15" height="15" border="0" />'; } ?>
</a>
</div>

Merci
Sylvain