请查看我的代码。所以我想要实现的目标 - 蓝色边框，当悬停在文本下是10像素。另外，正如你可以看到，当你悬停它时会打开子菜单，但是当我想要进入子菜单时，它会自动关闭，因为li元素上没有更多的悬停。我可以通过增加高度来解决这个问题：50px;但这也使得蓝色边框，在子菜单下面，我在正确的中心位置有箭头，并且它们在盘旋时很难看。你能帮我解决这两个问题吗？允许在子菜单和蓝色边框上移动鼠标吗？
答案 0 :(得分：0)
你应该使用jquery来做动画，当用户将鼠标悬停在蓝色时，检查子菜单是否已经打开，如果没有打开它，如果它当前打开，则什么也不做。
$(...).mouseover(function(){});
答案 1 :(得分：0)
ul 和 li 之间有一个空格可以打破：hover ，如果删除顶部和底部边距并{{1}你可以访问下拉菜单。
使用填充而不是边距，因此鼠标不会脱离元素。
使用JavaScript可能更容易实现，但使用CSS并非不可能。
修改 它似乎只在蓝线和子 li 之间闪烁，请记住这条规则：
top: 51px;它对所有后代 li 都有影响，您可能需要将其重写为2个规则，以获得第一个直接子项：
#top-menu-wrapper #menu ul li:hover