占位符z-index firefox问题

Question

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

我已经尝试过使用z-index，但这似乎不是问题所在。输入字段的所有其他部分都隐藏在下拉菜单后面，而不是占位符。

我也尝试过将z-indexes添加到

::-webkit-input-placeholder {}
::-moz-placeholder {}
:-ms-input-placeholder {}
input:-moz-placeholder {}

但无济于事。

我最好不要诉诸Javascript来实现这一目标。

Jsfiddle快速演示：http://jsfiddle.net/LLANn/1/

Answer 1

将位置：相对提供给 #submenu 。它解决了这个问题。

除非伴随'位置'，否则任何z指数都无用。

Answer 2

可能是我的建议对某人有用...... 如果占位符元素z-index为0（默认值），则设置为#menu：

z-index: 1;

在其他情况下，z-index的{​​{1}}应至少比占位符元素多1个