GIF transparent dans IE6 affiche DERRIÈRE contenu

J'ai un div comme ceci:GIF transparent dans IE6 affiche DERRIÈRE contenu

<div id="pop" class="pop_komm"> 
    <img src="Graphics/list_updated.gif"> 
    </div>

Ceci est le css:

.pop_komm { 
    position: absolute; 
    z-index: 20; 
    height: 52px; 
    width: 208px; 
    left: 660px; 
    display:none; 
    top: 247px; 
    zoom:1; 
}

Le divs ci-dessus style.display est réglé sur "bloc" en utilisant javascript dans une liste déroulante onChange event. Le div "pop" est affiché, et l'image dedans, mais le problème est que l'image est affichée derrière le contenu. Cela se produit uniquement dans IE6 (n'ont pas encore testé IE7 ou 8). D'autres navigateurs l'affichent correctement.

L'image est un fichier GIF transparent, qui, je pense, pourrait avoir quelque chose à voir avec cela. Des idées pour résoudre ce problème?

Merci

Source

2010-12-02 Anonymous

(votre tag d'image n'est pas fermé) – marcgg

Ne supporte pas IE6 à moins que vous ayez ** vraiment, vraiment ** à le faire. Ce navigateur ** doit ** mourir au plus vite. – ThiefMaster

balises img ne nécessite aucune balise fermante à moins DOCTYPE est xhtml si je ne me trompe pas ... –

IE a quelques problèmes avec z-index.

La valeur par défaut du style position est position:static;. Cette valeur ne participe pas à z-index commande, ce qui signifie que les éléments où vous n'avez pas spécifié le style position peuvent ne pas être en couches que vous attendez.

La solution consiste à ajouter position:relative; à tous les éléments qui se comportent mal - c'est-à-dire les éléments qui sont superposés au-dessus de l'image.

Espérons que cela aide.

Source

2010-12-02 12:02:39 Spudley

Il n'y a pas de couche au-dessus de la div. juste le corps. Je ne suis pas au travail en ce moment, mais je vais essayer de changer les positions et les propriétés z-index et voir si elle se débarrasse du problème ... –

ajoutez une position par rapport à l'image?

Source

2010-12-02 11:22:22

GIF transparent dans IE6 affiche DERRIÈRE contenu

Répondre

Questions connexes