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:
Et le code Html où il est utilisé:
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; }
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.
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>
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.
Partager