如何将子项(位置:固定)保持在父项(“位置:固定”)之下

Question

如何将子元素（带position:fixed）放置在父元素（带position:fixed）下方。我尝试给子元素一个比父元素的z索引值更低的z索引。但它仍然位于父元素之上。我不能使用较低的z索引使其显示在父项下方吗？

我该怎么做？

Answer 1

据了解，z索引在父对象内部，因此子对象不能在其父对象之下。

Answer 2

http://jsfiddle.net/VD9Dv/。两种不同的div组合将向您展示差异。

HTML

<div class="parent">
        <div class="child"></div>
    </div>  
    <div class="parent positioned">   
    </div>
     <div class="child positioned"></div>

CSS：

.parent{width:200px;height:200px;background:#ccc;
 position:fixed;z-index:100;padding:15px}
.child{width:100px;height:100px;background:#eeffcc;
 position:fixed;z-index:-90}
.positioned{
    left: 240px;
}