子菜单不保持打开状态

Posted 2023-05-08

【中文标题】子菜单不保持打开状态

【英文标题】：Submenu does not stay open

【发布时间】：2011-11-05 15:32:14

【问题描述】：

我的下拉菜单有点问题。 当我悬停链接时，子菜单会滑出但不会保持打开状态。

这个问题与我的“内容”div 元素有关，因为当我删除这个 div 时它可以工作。但我找不到我的错误。

也许有人可以看看它。 ;-)

Here 是菜单。

【问题讨论】：

如果您将遇到问题的代码直接添加到此 SO 页面，将会有所帮助。假设您的 JS Fiddle 代码页已经更改或最终将消失（我认为这是一个合理的假设），我认为这将有助于其他访问此线程的人遇到类似问题。

【参考方案1】：

这与 #content 位于 #navigation 之后的事实有关，并且它的 z-index 更高。如果您同时设置 position: relative 并将 #navigation 的 z-index 设置为高于 #content 的值，它将按预期工作。见http://jsfiddle.net/tangibleJ/B4aDM/2/。