상위 요소에서 z- 인덱스 상속을 무시할 수 있습니까?

Question

절대 위치를 사용할 때 상위 요소에서 Z- 색인 상속을 무시할 수있는 방법이 있습니까? 나는 2222 사업부는 0000 DIV 위에되고 싶어 :

<div style="background-color:green; z-index:10; position:relative"> 
    OOOO 
</div> 

<div style="background-color:yellow; z-index:5; position:relative"> 
    1111 
    <div style="position:absolute; background-color:red; 
       z-index:15; top:-8px; left:20px"> 
     2222 
    </div> 
</div> 

나는 0000 또는 1111 div의의 Z- 색인을 변경할 수 없습니다 나는 1111 요소에 내 2222 요소의 상대적 위치를 시도하고있다.

Answer 1

필자는 Z- 색인이 가장 가까운 위치에있는 요소에 상대적이라고 생각합니다. 따라서 "1111"div 안에 두 개의 div가있는 경우 서로에 대해 z- 인덱스가 될 수 있지만 2222는 1111의 자식이므로 0000을 기준으로 z- 인덱스 할 수 없으며 항상