佔位符z-index firefox問題

在使用firefox時，我在註冊表單上方有佔位符，註冊表單上方是我的菜單，當我將鼠標懸停在下拉菜單上時，佔位符顯示在最上方。佔位符z-index firefox問題

我試着搞亂z指數，但這似乎並不是問題。輸入字段的所有其他部分都隱藏在下拉菜單的後面，但不包含佔位符。

我也嘗試添加的z索引

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

，但無濟於事。

我最好喜歡做到這一點，而不訴諸於Javascript。

enter image description here

2013-03-13 Mark Berry

可以請張貼您的html + css？！ – mgrsskls 2013-03-13 11:18:03

請發佈與問題相關的代碼。理想情況下，**除了問題主體本身的代碼之外，還請添加[jsFiddle.net/api/post/jquery/1.7.1/]您問題的示例。它會幫助我們幫助你。 – 2013-03-13 11:20:55

您使用的是什麼瀏覽器，在Chrome上我看起來很好。 – gaynorvader 2013-03-13 11:48:44

給位置：相對到#submenu。它解決了這個問題。

任何z-索引都是無用的，除非伴有「位置」。

2013-03-13 12:23:39 Neeraj

-1

可能是我的建議是有用的人...... 在這種情況下，如果你的佔位符元素z-index爲0（默認） - 設置爲#menu：

z-index: 1;

在其他情況下#menuz-index應至少比佔位符元素多1個

2016-04-16 17:05:20 IgrDi

回答