Html 当我移动鼠标时，Css菜单消失得太快

这是我的问题

---

当我尝试访问菜单项时，菜单消失得太快。如何解决此问题？

这是因为您悬停的链接与将显示的项目之间存在间隙

消除间隙，它就会工作。

已修复

---

我刚刚将它包装在另一个div中，如果您将其悬停，菜单将出现。我的包装器也会包装菜单，因此如果您离开

，您仍然在包装器上，保持菜单可见。

这是因为您没有正确使用CSS实现此效果。如果鼠标从标题移动到列表，您希望菜单保持显示，否则它应该消失。为此，您可以使用Javascript。比如：

$("#heading").mouseenter(function(e) {
  if ($(e.ralatedTraget).prop('id') != 'menu') {
   $("#menu").stop().fadeIn(500);
   }
});
$("#heading").mouseleave(function(e) {
   if ($(e.ralatedTraget).prop('id') != 'menu') {
     $("#menu").stop().fadeOut(500);
    }
});

---

这是CSS的结构。我已经建立了一个简单的下拉列表，您应该能够使用或复制并实现您所拥有的内容

---

你可能想，通过悬停在顶部锚之外来避免弹出菜单的副作用。@Eliran M.你能展示一下你在JSFIDLE上说的话吗？我不明白，注意到jQuery不是答案。呵呵，那太好笑了！当然，我知道jQuery并不是解决所有问题的解决方案，但在这种情况下，我猜测用户计划做更多的事情，比如当用户从那里悬停到标题时，让菜单保持不变，等等。因此我认为jQuery可能会有所帮助。