当鼠标悬停在它后面的东西上时 CSS 菜单关闭

Posted 2023-05-08

【中文标题】当鼠标悬停在它后面的东西上时 CSS 菜单关闭

【英文标题】：CSS Menu Closing When Mouse-Over Something Behind It

【发布时间】：2012-10-10 00:37:47

【问题描述】：

我有一个纯 CSS 导航菜单，其下拉部分基于一些自动菜单创建工具并经过大量编辑。

以前下拉菜单是一列，但现在，随着页面数量的增加，它需要多列才能保持整洁。

现在的问题是下拉菜单覆盖了我的表单（以前没有），这很好，但是当您将鼠标移到菜单中的链接上时，如果您触摸后面的任何表单字段，事情就会关闭它。

菜单 CSS 可能太长，无法在此处粘贴。有没有办法在用鼠标触摸它后面的元素时阻止下拉关闭？

【问题讨论】：

您是否尝试过将菜单的 z-index 设置为较高的数字？

我将 z-index:1 添加到 li:hover 并且它起作用了 - 非常感谢！

@user1759173：将其写为答案并尽可能接受。

【参考方案1】：

将菜单的 z-index 设置为较大的数字。应该保持在其他元素之上。