Html 占位符z索引问题

在使用firefox时，我在注册输入中有占位符，注册表单的正上方是我的菜单，当我将鼠标悬停在下拉菜单上时，占位符显示在顶部

我尝试过在z索引上乱搞，但这似乎不是问题所在。输入字段的所有其他部分隐藏在下拉菜单后面，但不隐藏在占位符后面

我还尝试将z索引添加到

：：-webkit输入占位符{}
：-moz占位符{}
：-ms输入占位符{}
输入：-moz占位符{}

但是没有用

我希望在不使用Javascript的情况下实现这一点

---

jshiddle快速演示：

给出位置：相对于#子菜单。它解决了这个问题

---

任何z指数都是无用的，除非附有“位置”。

可能是我的建议对某人有用。。。 如果占位符元素

z-index

为0（默认值），则设置为

#menu

：

z-index: 1;

---

在其他情况下，

#菜单

的

z-index

应至少比占位符元素多1个

请发布您的html+css？！请张贴与问题相关的代码。理想情况下，除了问题正文中的代码之外，请添加问题的示例。这将帮助我们帮助您。您使用的浏览器在Chrome上看起来很好。很好，这似乎只是firefox的问题只是另一个提示：您使用的占位符值无效。e、 g.电子邮件输入的占位符值如下mail@example.com编辑：好的，您不使用电子邮件输入，但是它的值应该是用户必须填写的示例。