如何讓孩子（位置：固定）低於父母（`位置：固定）？

Question

如何在父元素下面（使用position:fixed）放置子元素（使用position:fixed）。我試着給父元素的z-index值賦予一個較低的z-index給子元素。但它仍然在父元素之上。我不能讓它出現在使用較低z-index的父項下面嗎？

我該怎麼做？

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