带有子菜单的WordPress子菜单在悬停时消失答案

【问题标题】：Wordpress submenu with submenu disappears upon hover带有子菜单的WordPress子菜单在悬停时消失
【发布时间】：2014-06-19 16:28:02
【问题描述】：

测试网址：http://foundationpress.nick.devel.believe-it.nl/

在第一个菜单项上，我有一个包含另一个子菜单的子菜单，我可以将鼠标悬停到第二个子菜单的最后一项，但我似乎永远无法到达第一个子菜单的最后一项菜单。我一直在尝试解决这个问题很长一段时间，但我似乎找不到解决方案，它似乎在 CSS 中。

谁能帮帮我？提前致谢！

【问题讨论】：

将菜单放在前面。它隐藏在下面的文本后面，导致悬停效果消失，光标现在悬停在文本上。此外，CSS 中的悬停效果应该在没有悬停时消失。为此，将最后一个子菜单稍微定位在下一个最后一个子菜单上（即使大约一个像素也可以）。
我明白你在说什么，我一直在努力实现这一点，但我无法正确选择最后一个子菜单。你有什么建议吗？
您的脚本有问题。你可以自己检查。将鼠标悬停在案例上并移除光标。然后回来，你发现两个案例和介绍都没有了。也许解决这个问题会有所帮助。
修复了这个问题，遗憾的是它并没有解决现有的问题。我一直试图让子菜单可见，因为这在设计方面没有问题，但这似乎只会让 CSS 更加糟糕。
问题似乎是由你的js中的这一行引起的 $(this).children('a').removeClass('active-has-dropdown');当元素失去悬停时，第二个子菜单被删除，所以介绍又回来了。但是你的光标已经低于介绍的位置，所以它消失了。尝试将悬停手柄附加到子菜单而不是子子菜单，看看它是否有效。

标签： html css wordpress submenu

【解决方案1】：

试试这个：

#menu-main li, #menu-main li a {
    font-family: Asap;
    color: #00549a;
    font-size: 19px;
    font-weight: 700;
    text-align: center;
    z-index: 10;
}

【讨论】：

这并没有解决问题。在菜单消失的情况下，我似乎仍然无法将鼠标移过“Mogelijkheden”项。