3

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

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

我也尝试将 z-indexes 添加到

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

但无济于事。

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

在此处输入图像描述

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

4

2 回答 2

6

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

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

于 2013-03-13T12:23:39.480 回答
-1

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

z-index: 1;

在其他情况下z-index，#menu应该至少比占位符元素多 1 个

于 2016-04-16T17:05:20.090 回答