Z-index似乎沒有改變任何東西

Question

我正在構建一些自定義下拉控件，並且z-index無法正常工作。任何幫助表示讚賞。

http://jsfiddle.net/heray/1/

如果你點擊的項目，你會發現下拉菜單出現後續的下拉列表後面。我已經添加了z-indexes和相對於我能想到的每個元素的位置。

Answer 1

只要你知道如何使用z索引，除非你希望它顯示在另一個元素的頂部從未分配的z-index的東西。最好的做法是不要定義一個z索引（特別是不要賦值爲0），直到需要爲止。在您的示例中，單擊該按鈕（實際下拉菜單）後您所擁有的類應具有1或更大的z索引，並且文檔中沒有其他任何應該具有任何z索引定義。如果您有一個z-index爲1的元素，然後將另一個元素放置在z-index爲2的相同物理位置中 - 具有較高z-索引的容器將與下一個元素重疊。

Answer 2

從下拉列表中刪除z-索引。另外，是什麼讓你認爲在它們上設置一個0的z-index會讓事情變得更好？

Updated fiddle.