Z-index与可访问性

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>

我的问题是子菜单2似乎高于选项1.我试图给它们适当的z索引，但它们似乎不起作用......我假设因为submenu2是选项2的孩子，与选项1无关。

任何解决这个问题的想法都有助于解决我的问题吗？

我在大多数链接中使用大图形，因此重叠非常明显。

Answer 1

z-index仅适用于绝对定位的元素。正如我的评论员指出的那样，相对和固定的定位也是如此。我有点匆忙的观点是，元素必须从常规文档流程中取出。

Answer 2

很难说没有看到CSS，但是为了使z-index正常工作，元素必须绝对，相对或固定。