background-image bug IE8

**wylls** · 16/11/2009, 18h23

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.

**Bisûnûrs** · 17/11/2009, 09h16

Tu aurais un exemple en ligne ? Utilises-tu un DOCTYPE en bonne et due forme ?

**wylls** · 17/11/2009, 10h21

Bonjour,

Merci de t'intéresser à mon problème. Je vais essayer de mettre un exemple disponible en ligne.

Sinon, j'utilise bien un DOCTYPE :

Code :

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

1
2
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

.

**wylls** · 17/11/2009, 10h50

Bon bah, maintenant ça fonctionne, à force de trifouiller le code dans tous les sens j'ai du corriger l'erreur, mais je n'aime pas corrigé le problème sans savoir le comment du pourquoi.

En tout cas merci pour le coup de main.

background-image bug IE8

CSS

Vue hybride

Discussions similaires

Partager

Partager