如何让子节点(position:fixed)低于父节点(`position:fixed`)？

Question

如何将子元素(带有position:fixed)放在父元素(带有position:fixed)下面。我尝试给子元素一个比父元素的z索引值更低的z索引。但它仍然位于父元素的顶部。不能使用较低的z索引使其显示在父对象的下方吗？

我该怎么做呢？

Answer 1

据我们所知，z-index位于父对象内部，因此子对象不能在其父对象之下。

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