Problème z-index dans ie6

Question

J'ai une page complexe. tag b est une ligne sur la photo. tag span est jquery animer l'opacité pour la photo. J'ai mis z-index: 0 pour le parent supérieur de tous les divs, mais cela ne fonctionne toujours pas. où est le problème?

<div class="wrap" style="z-index:0"> 
    <div class="content" style="z-index:1"> 
    <div class="col1"> 
     <div class="galley"> 
     <b class="line" style="z-index:2"></b> 
      <div class="photo"> 
      <div class="picture" style="z-index:3"> 
       <a herf=""> 
       <span style="z-index:3"></span> 
       <img src="img1.jpg"> 
       </a> 
      </div> 
     </div> 
     </div> 
    </div> 
</div> 

Answer 1

La propriété z-index ne fonctionne que pour les éléments qui sont frères et sœurs dans l'arborescence; il ne positionne pas les enfants par rapport à leurs ancêtres. Les éléments enfants sont généralement au-dessus de leurs parents dans l'ordre z. Vous devez aussi avoir d'autres trucs CSS délirants. Pouvez-vous créer une page qui reproduit au minimum le problème et fournir un lien, ainsi que le comportement que vous attendez de voir?