为什么z-index不适用于div？

Question

我试图让我的页脚显示在页脚背景之上,但z-index似乎不起作用.有谁看到它有什么问题？http://jsfiddle.net/f2ySC/

Answer 1

您必须明确定义position属性:

.footerBox {
    background-color: #FFFFFF;
    border: 10px solid #DDDDDD;
    margin: 10px 0 -200px -10px;
    width: 1185px;
    z-index: 1000;

    position:relative;

}

http://jsfiddle.net/f2ySC/1/

这会将页脚带入current stacking context:

...根元素形成根堆叠上下文.其他堆叠上下文由具有除'auto'之外的'z-index'的计算值的任何定位元素(包括相对定位的元素)生成.堆叠上下文不一定与包含块有关.在未来的CSS级别中,其他属性可能会引入堆叠上下文,例如"不透明度"......

http://www.w3.org/TR/CSS2/visuren.html#z-index

Answer 2

使用负边际不是一个好习惯.的z-index:-1; 它的工作原理只是在另一个div的背景上显示内容:)