Z- 인덱스와 접근성 비교

Question

다음은 계층화와 관련하여 문제가있는 코드의 단순화입니다.

<ul id="main_menu"> 
    <li>Option 1 
     <ul id="submenu1"> 
      <li>link</li> 
      <li>link</li>     
      <li>link</li> 
     </ul> 
    </li> 
    <li>Option 2 
     <ul id="submenu2"> 
      <li>link</li> 
      <li>link</li>     
      <li>link</li> 
     </ul> 
    </li> 
</ul> 

내 문제는 submenu2 위의 옵션 1. 내가 그들에게 적절한 Z-인덱스를 제공하기 위해 노력했다 것 같다,하지만 그들은 submenu2 아이 때문에 ... 나는 있으리라 믿고있어 작동하지 않습니다 옵션 2와 관련이 없으며 옵션 1과 관련이 없습니다.

문제를 해결하는 데 도움이 될만한 아이디어가 있습니까?

나는이 링크의 대부분에 큰 그래픽을 사용하기 때문에 겹침이 아주 분명합니다.

Answer 1

z- 색인은 절대 배치 된 요소에서만 작동합니다. 그리고 저의 주석가들은 상대 위치와 고정 위치를 지적합니다. 다소 성급한 점은 요소가 정규 문서 플로우에서 제거되어야한다는 것입니다.

Answer 2

CSS를 보지 않고 말하기는 어렵지만 Z- 색인이 제대로 작동하려면 요소를 절대적으로, 상대적으로 또는 고정해야합니다.