css - 悬停时子菜单异常

Question

我在这个网站上有一个小的 CSS 问题:http://www.bioconact.com/ .当我将鼠标悬停在“为什么选择 BioConAct？”上时在菜单中，弹出一个子菜单。但是很难单击子菜单中的某个链接，因为它通常在您用光标到达之前就消失了。我无法发现它何时停留以及何时消失，我完全被困住了。

有人知道如何解决这个问题吗？非常感谢!

Answer 1

您在子菜单上有一个边距，删除它，您将能够到达元素。

从您的 CSS 第 1136 行的此类 .genesis-nav-menu .sub-menu 中删除 margin-top: 2px

已更新

您可以将边距替换为高度为 2px 的伪元素。

.sub-menu::before {
    content: "";
    display: block;
    height: 2px;
    width: 100%;
}