为什么 z 指数不起作用?



在这个页面上,页面顶部有两个导航菜单。

一个是#topmenu,它下面的是#mainmenu。

#topmenu的z索引为200

#主菜单的z索引为100

当我将鼠标悬停在顶部菜单中的"深度"上,并沿着子菜单向下移动到01级、02级、03级…时,我无法超过03级,因为我认为#mainmenu正在窃取指针的焦点。

当#mainmenu的z索引小于#topmenu时,为什么会发生这种情况?

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

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

仅供参考,两个级别之间有一点空间。如果鼠标事件在那里被触发,它们就会全部消失。你会想解决的。

最新更新