2010-11-26 39 views
0

Sur cette page, j'utilise des marges négatives pour faire monter le graphique du nuage et le cacher derrière un autre graphique en utilisant z-index.z-index ie6 & 7 (peut-être en raison de marges négatives)

Fonctionne bien dans tous les navigateurs modernes, mais par exemple & 7 le nuage couvre la partie inférieure de l'horloge.

Comment avoir le nuage ne couvre pas la partie inférieure de l'horloge dans IE6 & 7>

Répondre

3

IE6 et IE7 ont tous deux un bug z-index décalé, tel que documenté sur quirksmode. Vous pouvez trouver une solution pour ici: http://brenelz.com/blog/squish-the-internet-explorer-z-index-bug/

La solution est de donner réellement l'élément parent une valeur z-index plus élevé, comme il le montre dans le lien:

<div style="position: relative; z-index: 3000"> 
    <div style="position:absolute;z-index:1000;"> 
     <a href="#">Page</a> 
     ... 
    </div> 
</div> 
<img style="position:absolute" src="myimage.png" /> 

modifier

Étant donné que asker a mentionné que son problème n'était pas exactement ce qui était décrit dans le lien, le problème pourrait être le contexte d'empilement tel que discuté par la réponse acceptée dans cette question: IE7 Z-Index Layering Issues

+0

merci encore Im n'utilisant pas le positionnement relatif ou absolu. Le nuage est un div qui se trouve au-dessous de la partie inférieure de l'horloge que j'utilise alors avec des marges négatives pour pousser vers le haut et z-index pour me cacher. Dois-je utiliser un positionnement relatif et absolu? Sur l'identifiant bottomclock j'ai maintenant z-index: 1000; alors que l'identifiant du nuage a un z-index: -9999, mais toujours dans le cloud ie6/7 couvre l'horloge. – chaser7016

+0

@ Jonah1289 - Il se peut que vous deviez rendre votre élément parent 'position: relative' en raison de la façon dont IE interprète les contextes d'empilement. La réponse acceptée ici peut être utile: http://stackoverflow.com/questions/1287439/ie7-z-index-problem –

+0

THNX ajoutant le positionnement relatif a corrigé le problème dans ie7. Télécharger IEtester maintenant pour tester dans ie6. merci encore Crabe! – chaser7016