Hello,

Je viens de découvrir un problème avec IE8 sur un de mes sites. Lorsque j'applique une image de fond, celle-ci "passe" au-dessus du contenu et les liens ne sont plus cliquables. Bien entendu quand je la supprime mes liens fonctionnent correctement.

Voilà le code CSS du contenant:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
.scroll {
	overflow:auto; 
	overflow-x:hidden; 
	background-image:url(images/fond_scroll.png);	 
	margin-left:60px; 
	margin-right:5px; 
	padding-bottom:5px; 
	z-index:0;
}
Et le code Html où il est utilisé:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
 
<div class="scroll" style="height:350px; width:680px;">
<div onclick="document.getElementById('exemple').value = 'exemple';            document.getElementById('hidden').style.display = 'block';">
                	<img  style="cursor:pointer;" src="images/creer.png" width="25" height="25" /></div>
</div>
Dans ce cas de figure l'event onclick ne fonctionne pas, et la propriété CSS "cusor:pointer" n'est pas appliquée à l'image.

J'ai essayé avec les z-index mais rien n'y fait, est ce quelqu'un a déjà rencontré ce problème ?

Merci d'avance.