css – 为什么z-index不适用于div?

前端之家收集整理的这篇文章主要介绍了css – 为什么z-index不适用于div?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图让我的页脚显示在页脚背景之上,但是z-index似乎没有工作.有人看到有什么问题吗? http://jsfiddle.net/f2ySC/

解决方法

你必须明确定义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/

这使得页脚进入当前的堆叠环境:

… The root element forms the root stacking context. Other stacking
contexts are generated by any positioned element (including relatively
positioned elements) having a computed value of ‘z-index’ other than
‘auto’. Stacking contexts are not necessarily related to containing
blocks. In future levels of CSS,other properties may introduce
stacking contexts,for example ‘opacity’ …

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

猜你在找的CSS相关文章