Z-index vs輔助功能

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-index僅適用於絕對定位的元素。正如我的評論員指出的那樣，相對的和固定的定位也是如此。我有點急躁的一點是，元素必須從常規文檔流程中刪除。

Answer 2

很難說沒有看到CSS，但爲了z-index正常工作，元素必須被定位爲絕對，相對或固定。