하위 절대 위치 부모 절대 Z- 인덱스

Question

상위 절대 값은 하위 절대 값이어야 함 CSS에서이 문제를 해결하는 방법?

위치는 절대적이어야합니다.

<div class="parent"> 
     <div class="child">child</div> 
    </div> 
    <div class="parent"> 
     <div class="child">child</div> 
    </div> 

My code is here

Answer 1

편집이 클래스 :

.child { 
position: absolute; 
right: -280px; /* add this and remove left:0; */ 
top: 0; 
text-align: center; 
width: 280px; 
height: 300px; 
background: #0f0; 
display: none; 
z-index: 1; /* add this to set child over the second parent */ 

jsfiddle