子菜单在悬停时显示不正确

Question

我目前一直在进行一个项目，它很快就要完成了。 我一直在挠头的主要问题是“活动菜单”左侧的子菜单没有显示出来。

Including a gif to display the problem here

该网站的网址是：www.su.fi

我有问题之前是，子菜单悬停后消失，但我加入解决;

.sub-nav, .sub-nav > ul { 
 
\t width: 500px !important; 
 
\t box-shadow: none; 
 
\t background-color: #FF008C; 
 
\t display: block; 
 
} 
 

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

之后，我注意到，菜单项左边活动的菜单并没有露面。

此致敬礼 谢谢！

如果有人能够对这个问题提出意见，会非常开心。

Answer 1

我看到的问题是，你的

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

其在李：悬停div.sub-NAV层。 一个解决方案可能与z-index一起玩： 在你的li上：over z-index：999;给它的孩子div.sub-nav