菜单重叠

时间:2019-02-15 03:06:01

标签: css wordpress

我在网站上遇到了大问题-我真的希望您能为我提供帮助。

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

在此页面上显示一个主菜单和子菜单。

当一个鼠标悬停在此页面的主菜单上,然后尝试选择一个子选项时,该下拉列表将消失,其作用就好像他们要从辅助菜单中获取某些东西一样。

有任何想法为什么会发生这种情况以及如何解决?

谢谢!

1 个答案:

答案 0 :(得分:1)

我在vivaldi(铬)上尝试了您的网站,结果显示无法访问第一个顶部菜单的子菜单。我使用调试器,四处摸索,找到了解决方案:z-indexes

问题是辅助菜单具有z-index:1!很重要,而顶部菜单没有z-index,所以它有点混杂(对不起,我无法真正对其进行“解释”)。

您可以在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;}

让我知道这是否有帮助!