2010-11-04 33 views
0

http://new.michaellane.com/listing-gallery.phpvaleurs z-index qui ne travaillent pas comme il le devrait - z-index 50 article apparaît sous

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?

Répondre

2

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

+0

OK cela a fonctionné cross-browser .. merci! – jeffkee

0

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é?

+0

Non, je veux qu'ils dépliantes sur la souris sur seulement ... alors habituellement vous ne verrez pas le tout. le positionnement est correct .. juste les couches étaient un problème. – jeffkee

2

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

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

Travaillé comme un charme .. au moins sur Firefox jusqu'à présent. Comment fonctionne cette logique ?? – jeffkee

+0

Ne fonctionne pas sur IE .. darn. – jeffkee

+0

Quelle version d'IE utilisez-vous? (La logique est que vous créez un nouveau contexte d'empilement pour chaque icône de la liste.) Tout ce qui se trouve à l'intérieur de l'icône sera relatif à ce contexte d'empilement, donc toutes les icônes sont "10", toutes les "10.50" pas seulement 50. Parce qu'ils sont tous à la même hauteur, ils les empilent selon l'ordre dans lequel ils apparaissent dans la source.) – david