我在网站上遇到了大问题-我真的希望您能为我提供帮助。
https://www.hillcrestatc.com/mood-disorders/
在此页面上显示一个主菜单和子菜单。
当一个鼠标悬停在此页面的主菜单上,然后尝试选择一个子选项时,该下拉列表将消失,其作用就好像他们要从辅助菜单中获取某些东西一样。
有任何想法为什么会发生这种情况以及如何解决?
谢谢!
答案 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;}
让我知道这是否有帮助!