Позиция ребенка абсолютная внутри родительского абсолютного 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