상대적 및 절대 위치에 대한 Z- 색인?

Question

절대 위치가 있고 다른 div와 관련이있는 div에서는 z- 인덱스가 작동하지 않는 것 같습니다. 절대 위치가 다른 div보다 아래쪽에있는 div를 원하지만 반대로 만 나타납니다. 이 문제를 해결할 방법이 있습니까?

Answer 1

This example은 하나의 div가 위치 지정과 함께 다른 div 위에 나타나게하는 코드를 보여줍니다.

HTML

<div class="one">On top!</div> 
<div class="two">Underneath</div> 

CSS

.one 
{ 
    height: 100px; 
    width: 100px; 
    background-color: #ff0; 
    position: absolute; 
    top: 5px; 
    left: 10px; 
    z-index: 1; 
} 

.two 
{ 
    height: 100px; 
    width: 100px; 
    background-color: #f0f; 
    position: relative; 
    left: 10px; 
    z-imdex: 2; 
} 

---

업데이트 : 만 사용 원하는 효과를 얻기 위해 위치.

Look here.