子菜單在懸停時顯示不正確

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