html - 占位符 z-index firefox 问题

Question

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

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

我也试过添加 z-indexes 到

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

但无济于事。

我最好不借助 Javascript 来实现这一目标。

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

Answer 1

将 position: relative 赋给 #submenu。它解决了这个问题。

除非伴随“位置”，否则任何 z-index 都是无用的。