상대방 상대방 상대방 상대방 상대방 상대방 상대

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