z-index - 为什么 z 索引不起作用？

Question

关于this page ，页面顶部有两个导航菜单。

其中一个是#topmenu，它下面的一个是#mainmenu。

#topmenu 的 z 索引为 200

#mainmenu 的 z 索引为 100

当我将鼠标悬停在顶部菜单中的“深度”上，并按照子菜单向下浏览级别 01、级别 02、级别 03...时，我无法前进到级别 03，因为我相信 #mainmenu 正在窃取指针的焦点。

为什么当 #mainmenu 的 z-index 小于 #topmenu 时会发生这种情况？

Answer 1

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

两个菜单都有默认定位(静态)。

仅供引用，级别之间有一点空间。如果鼠标事件碰巧在那里被触发，它们都会消失。您会想要解决这个问题。