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

Question

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

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

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

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

Answer 1

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