悬停时子菜单异常

Posted 2023-05-08

【中文标题】悬停时子菜单异常

【英文标题】：Submenu anomaly on hover

【发布时间】：2016-06-29 17:15:22

【问题描述】：

我在这个网站上有一个小的 CSS 问题：http://www.bioconact.com/。当我将鼠标悬停在“为什么选择 BioConAct？”时在菜单中，会弹出一个子菜单。但是单击子菜单中的某个链接非常困难，因为它通常在您用光标到达它之前就消失了。我不知道它什么时候停留，什么时候消失，我很卡住。

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

【参考方案1】：

您在子菜单上有一个边距，删除它，您将能够访问项目。

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

更新

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

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

【讨论】：

您好，感谢您的快速答复！它解决了我的问题，但我插入了上边距以使子菜单从与网站主体相同的高度开始。我还能做到这一点吗？

嗨@Stefaan 我添加了一个小sn-p 来让你恢复你的利润并让你的菜单工作。

嗨，亚伦，感谢代码 sn-p！那成功了； )