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鼠标悬停属性不包括表单文本

回答

相关问题