悬停时的子菜单异常

时间:2016-03-14 15:20:00

标签: css hover submenu

我在这个网站上遇到一个小问题:http://www.bioconact.com/。当我将鼠标悬停在'为何选择BioConAct?'时在菜单中,弹出一个子菜单。但是单击子菜单中的某个链接非常困难,因为它通常会在您用光标到达之前消失。我无法发现它什么时候停留,什么时候它消失了,我很困难。

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

1 个答案:

答案 0 :(得分:2)

您在子菜单上有一个保证金,删除它,您就可以到达这些项目了。

从CSS

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

<强>已更新

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

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