valeurs z-index qui ne travaillent pas comme il le devrait - z-index 50 article apparaît sous

Question

http://new.michaellane.com/listing-gallery.php

Les bandes jaunes de papier que vous voyez là ont ce jeu:

.listing_specs { 
    width:230px; 
    height:140px; 
    background-image:url('/images/featured_listing_specs.png'); 
    background-repeat:no-repeat; 
    color:#836637; 
    padding-top:10px; 
    position:absolute; 
    top:120px; 
    right:-120px; 
    z-index:50; 
} 

Et la div contient, .listing_icons, est juste un flottant générique: left, position: DIV relative avec un z-index de seulement 10.

Comment se fait-il que les bandes jaunes se trouvent sous les .listing_icons sur le côté droit?

Answer 1

Set z-index de tous les grid_8 alpha listing_gallery_icon sur le côté gauche à 11.

Answer 2

Son parce que le div sur la droite n'est pas relatif pour la note sur la gauche.

essayez de régler le droit: -120px; à 0. Est-ce l'effet désiré?

Answer 3

enlèverait juste le z-index de .listing_gallery_icon:

.listing_gallery_icon { 
    position:relative; 
    /*z-index:10;*/ 
}