为什么z-index不起作用？

Question

在this page上，页面顶部有两个导航菜单。

一个是#topmenu，下面的是#mainmenu。

#topmenu的z-index为200

#mainmenu的z-index为100

当我将鼠标悬停在顶层菜单中的“Depth”上，并按照子级菜单向下通过01级，02级，03级......时，我无法进入03级，因为我相信#mainmenu正在窃取指针的焦点。

为什么当#mainmenu的z-index小于#topmenu？

时会发生这种情况

Answer 1

不幸的是，z-index仅适用于定位元素（绝对，相对或固定）：http://www.w3schools.com/cssref/pr_pos_z-index.asp

两个菜单都有默认定位（静态）。

而且仅供参考，各级之间有一些空间。如果鼠标事件恰好在那里被解雇，它们都会消失。你想解决这个问题。