如何在CSS下拉菜單中控制顯示子菜單？

Question

我製作了一個使用CSS和UL，LI標籤的菜單。我遇到的問題是，有時當我將光標指向某些具有子菜單的菜單並將其移動到指向顯示的項目時，新菜單將隱藏，然後我可以將鼠標指針懸停在它們上面。換句話說，子菜單會隱藏得很快。我怎麼解決這個問題？
你可以看到這個菜單www.parniaweb.ir

謝謝。

Answer 1

我相信它是一個與下面的div樣式的問題。特別是top：38px;值爲。如果將此設置爲top：0px;它將解決鉻中的問題。

#cssmenu ul li > ul, #cssmenu ul li > div { 
    display: none; 
    width: auto; 
    position: absolute; 
    top: 0px; 
    padding: 0px; 
    background: #333333; 
    border-radius: 0 0 5px 5px; 
    z-index: 999; 
    border: 1px solid #333; 
} 

Answer 2

對你的子菜單的元素有一些小小的觸動對我來說就是訣竅。從「top」屬性（38 - > 37）中取一個像素，並在頂部添加一個黑色邊框以將其與其他菜單觸發器分開。

#cssmenu ul li > ul, 
#cssmenu ul li > div { 
    display: none; 
    width: auto; 
    position: absolute; 
    top: 37px; 
    padding: 0px; 
    background: #333; 
    border-radius: 0 0 5px 5px; 
    z-index: 999; 
    border: 1px solid #333; 
    border-top: 1px solid #000; 
}