html - 当我选择一个选项时，似乎无法让下拉菜单保持事件状态

Question

除了当我将鼠标悬停在菜单上没有问题但是当我向下移动鼠标以选择一个选项时它再次关闭时，我真的无法很好地描述这个问题。

在网站的真实版本中，我将使用图像而不是背景颜色，所以如果我可以保持过渡而不破坏任何东西，那就太好了。

我目前用于下拉菜单的代码如下:

#navigation ol#nav-holder li ul.dropdown{
display:none;
}

#navigation ol#nav-holder li:hover ul.dropdown{
display:block;
}

http://jsfiddle.net/c2aah2as/ < 更详细地显示问题。

我以前在创建下拉菜单时从未遇到过这样的问题，所以我希望我只是漏掉了一些简单的东西!

希望这是可以理解的。

谢谢，卢克。

Answer 1

问题是由<div id="nav-bottom">引起的它停留在菜单顶部并中断悬停。可以通过提高 <li> 的 z-index 来解决问题-<div id="nav-bottom"> 之上的元素.