的z-index CSS中不起作用

Question

这个div

<div style="position: relative; z-index: 99;">123</div> 

显示上面比这个

<div style="position: fixed; z-index: 3000;">456</div> 

当我给你的z-index：98在第一个div一切都很好！如果需要，我可以提供更多的代码。

Answer 1

在此拨弄它不是：http://jsfiddle.net/kcgCX/

我想那一定是别人在你的代码，改变一些东西。它。

Answer 2

z-index定位于它的父 - 他们都在同一个父元素？ （例如：

方框D，E和F是从方框C - >方框F（z-索引：-1）的后代覆盖方框B（z-索引： 1），因为它是从盒C中的后代（这个人是用z-index：3以上盒b）

<div style="position:absolute; top:100px; left:100px; z-index:2; border:1px solid #888; background:#f88;"> 
    <b>A:2</b><img src="hund.gif" width="208" height="181" alt="Hund"> 
</div> 

<div style="position:absolute; top:130px; left:130px; z-index:1; border:1px solid #888; background:#88f;"> 
    <b>B:1</b><img src="hund.gif" width="208" height="181" alt="Hund"> 
</div> 

<div style="position:absolute; top:190px; left:270px; width:280px; height:280px; z-index:3; 
      border:1px solid #888; background:#eee;"> 
    <b>C:3</b> 

    <div style="position:absolute; top:30px; left:-30px; z-index:2; border:1px solid #888; background:#8f8;"> 
    <b>D:2</b><img src="hund.gif" width="208" height="181" alt="Hund"> 
    </div> 

    <div style="position:absolute; top:-30px; left:40px; z-index:3; border:1px solid #888; background:#ff8;"> 
    <b>E:3</b><img src="hund.gif" width="208" height="181" alt="Hund"> 
    </div> 

    <div style="position:absolute; top:60px; left:-60px; z-index:-1; border:1px solid #888; background:#8ff;"> 
    <b>F:-1</b><img src="hund.gif" width="208" height="181" alt="Hund"> 
    </div> 
</div> 

Answer 3

我想问题可能是

<div style="position: fixed; z-index: 3000;">456</div> 

具有固定的位置，根据到这个站点：http://www.kavoir.com/2008/12/css-z-index-doesnt-work.html，z-indexes只能用于相对或绝对位置，这就是为什么你的ot她的div可以和你的z-index一起工作。

如果不是这种情况，我会说你没有正确地建立你的HTML。

希望你找到这个英特尔有用。

Answer 4

普罗蒂普：如果你有一个小container足够多（EJ高度100像素），并有更大的children（EJ，200像素），甚至用z-index以及设置好的，孩子不会完全可见，如果该容器有财产overflow: hidden。