菜单重叠

Question

我有一个网站的大问题-我真的希望你能帮助我。

https://www.hillcrestatc.com/mood-disorders/

在这样的页面上有一个主菜单和一个子菜单。

当用户将鼠标悬停在此页面的主菜单上，然后尝试选择子选项时，下拉菜单将消失，表现为他们好像想要从二级菜单中选择什么。

你知道为什么会发生这种情况以及如何修复它吗？

谢谢!

Answer 1

我在vivaldi (铬)上试过你的网站，它显示第一个顶层菜单的子菜单无法访问。我使用了调试器，尝试了一下，找到了解决方案: z-indexes

问题是二级菜单有一个z索引:1！重要，而上面的没有，所以它有点混乱(对不起，我不能真正地“解释”清楚)。

这里有两行代码，你可以在你的css中尝试，同时也尝试删除这一行，否则它将不起作用：

在第33行：

.fusion-secondary-main-menu {
    background-color: transparent!important;
    z-index: 1!important; /*delete this line here*/
}

添加这两行：

.fusion-header{position:relative;z-index:1;}
.fusion-secondary-main-menu{position:relative;z-index:0;}

如果这有帮助，请告诉我！