絕對位置在一個相對位置上方另一個相對位置

Question

問題是：有可能嗎？我有div與relative position。在div的內部，我有另一個div與position: absolute和top: whatever。

這絕對定位div重疊內容父母div沒有任何問題，但另一個相對位置div（外部父母）甚至不關心。在這個問題之前，我儘可能多地搜索，所以我90％肯定這是不可能的，或者我錯了，但我需要確定。

下面是一個例子http://jsfiddle.net/MNLbZ/2/

HTML

<div class="main"> 
    <div class="content">11112222233</div> 
    <div class="abs"></div> 
</div> 
<div class="main"></div> 

CSS

.main { 
    background: green; 
    position: relative; 
    height: 100px; 
    width: 100px; 
    z-index: 100; 
} 
.content { 
    position: relative; 
    z-index: 500; 
    width: 100px; 
} 
.abs { 
    position: absolute; 
    width: 50px; 
    height: 300px; 
    top:0; 
    right: 0; 
    background: red; 
    z-index: 999; 
    opacity: .5; 
} 

Answer 1

第二.main DIV的z索引必須是比第一低包含絕對div的div：

一類添加到第二主

<div class="main"> 
    <div class="content">11112222233</div> 
    <div class="abs"></div> 
</div> 
<div class="main second"></div> 

然後使用這個風格：

.second {z-index:99;} 

Example