絕對定位在非絕對元素後面

Question

我有一個包含兩個孩子的元素，其中一個絕對定位。我希望這個絕對定位的元素是後面的它的兄弟姐妹。看來z-index沒有太大的影響。我該如何做到這一點？

JSFiddle here：http://jsfiddle.net/03c3qq6w/我希望綠色盒子在紅色背後。

Answer 1

把位置：相對到#twoDIV解決這個問題：http://jsfiddle.net/03c3qq6w/1/

#two { 
    position: relative; 
} 

爲了使用的z-index你添加位置你的元素。

從CSS-技巧：

CSS中的z索引屬性控制重疊 元素的垂直堆疊順序。就像在哪一個，看起來好像在物理上 更接近你。 z-index僅影響具有非靜態值（缺省值） 值的元素。

http://css-tricks.com/almanac/properties/z/z-index/