html - プレースホルダーの z-index Firefox の問題

Question

Firefoxを使用している間、登録入力にプレースホルダーがあり、登録フォームのすぐ上にメニューがあり、ドロップダウンメニューにカーソルを合わせると、プレースホルダーが一番上に表示されます。

z インデックスをいじってみましたが、これは問題ではないようです。入力フィールドの他のすべての部分は、ドロップダウンメニューの背後に隠されていますが、プレースホルダーには隠されていません。

また、z-indexes を追加しようとしました

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

しかし、役に立たない。

Javascriptに頼らずにこれを達成したいと思います。

ここに画像の説明を入力

Jsfiddle の簡単なデモ: http://jsfiddle.net/LLANn/1/

score 6 · Accepted Answer

position:を#submenuに対して相対的に指定します。それは問題を解決します。

「位置」を伴わない限り、任意の z-index は役に立ちません。

score -1 · Accepted Answer

私の提案は誰かにとって役立つかもしれません...プレースホルダー要素z-indexが0の場合（デフォルトとして）-次のように設定し#menuます：

z-index: 1;

それ以外の場合z-indexは#menu、プレースホルダー要素よりも少なくとも 1 つ多い必要があります

2 に答える 2