Question

我目前正在开展一个项目，很快就会完成。我一直在摸不着头脑的主要问题是“活动菜单”左侧的子菜单没有显示出来。

Including a gif to display the problem here

网站的网址为：www.su.fi

我之前遇到的问题是，子菜单在悬停后消失了，但我通过添加解决了这个问题;

.sub-nav, .sub-nav > ul {
	width: 500px !important;
	box-shadow: none;
	background-color: #FF008C;
	display: block;
}

#main-nav .act .sub-nav {
	visibility: visible !important;
	opacity: 1 !important;

之后我注意到剩下的活动菜单中的菜单项没有显示出来。

祝你好运谢谢！

如果有人可以对这个问题提出意见，那会非常高兴。

Answer 1

我看到的问题是你的

#main-nav .act .sub-nav {
    visibility: visible !important;
    opacity: 1 !important;
}

它超过li：hover div.sub-nav图层。解决方案可能与z-index一起使用：在你的li：over apply z-index：999;给它的孩子div.sub-nav

子菜单在悬停时无法正确显示

1 个答案: