當鼠標懸停在它後面的CSS菜單關閉

Question

我有一個純粹的CSS導航菜單，下拉部分基於一些自動化的菜單創建工具和大量編輯。

以前下拉列表是一個列，但現在，隨着頁數的增加，它需要有多個列以保持整潔。

問題是現在的下拉菜單涵蓋了我的表單（它以前沒有），這很好，但是當您的鼠標移動到菜單中的鏈接上時，如果您觸摸任何表單域在它後面。

菜單CSS可能太長，無法粘貼到此處。使用鼠標觸摸後面的元素時，是否有辦法停止關閉下拉菜單？

Answer 1

將菜單的z-index設置爲較高的數字。應該保持在其他元素之上。