HTML/CSS鼠標懸停屬性不包括表單文本

我目前正在jsp中開發一個項目。我設計了菜單子菜單，鼠標懸停顯示下拉菜單。當我將鼠標懸停在菜單上時，問題就出現了，它覆蓋了表單，但我希望它在鼠標懸停的頂部。表單文本不應該出現在菜單上。請有人幫助我。HTML/CSS鼠標懸停屬性不包括表單文本

這是我screnshot鏈接：

https://drive.google.com/file/d/0Bz0UDalBYIopamdTM1F0RGVqYlk/view

來源

2016-10-10 Jyoti Ranjan Singh

請使用插入圖片功能來編輯圖片，而不是鏈接到某個第三方網站。另外，請在問題本身中加入[mcve]。 –

感謝您的幫助。我在CSS的幫助下實現了它。它的工作原理是 –

這似乎是z-index一個問題。 Position您的菜單例如與position: relative;並設置您的z-索引例如到z-index: 10; - 它的值必須大於表單中的值。如果您未在表單上設置z-index，則其初始值爲auto，因此大於1的值應將您的懸停菜單置於前面。

來源

2016-10-10 17:23:06 andreas

。非常感謝。 –

不客氣，歡迎來到SO;）我會很感激接受;） – andreas

HTML/CSS鼠標懸停屬性不包括表單文本

回答

相關問題