z-index值不能正常工作 - z-index 50项目显示在下面

时间:2010-11-04 21:57:43

标签: html css position z-index layer

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

你看到的黄色纸条有这套:

.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;
}

包含它的div,.listing_icons,只是一个泛型float:left,position:相对DIV,z-index只有10.

如何将黄色条带放在右侧的.listing_icons下面?

3 个答案:

答案 0 :(得分:2)

将左侧所有z-index的{​​{1}}设置为11。

答案 1 :(得分:2)

只需从.listing_gallery_icon中删除z-index:

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

答案 2 :(得分:0)

因为右边的div与左边的音符不相关。

尝试设置正确:-120px;这是预期的效果吗?