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

我目前正在从事一个项目，并且很快就会完成。
我一直在抓挠的主要问题是“活动菜单”左侧的子菜单没有显示。

Including a gif to display the problem here

该网站的URL为：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;

此后，我注意到活动菜单中未显示的菜单项。

最好的祝福
谢谢！

如果有人可以对此问题提供意见，那将是非常高兴的。

最佳答案

我看到的问题是

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

其位于li：hover div.sub-nav图层上方。
解决方案可能与z-index有关：
在您的li：over处套用z-index：999；子级div.sub-nav

关于html - 子菜单在悬停时无法正确显示，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/33565276/