如何使此下拉菜單顯示在其下方的文本上方

Question

我有一個div，它下面有另一個div下拉列表，但是該下拉列表顯示在其下方的內容下方，並且我希望它顯示在其上方。

我嘗試通過為內容設置比下拉菜單更低的z-index來使用z-index ，但是它不起作用。

如何使這些div以正確的順序顯示？ -我在jsfiddle上制作了一個樣機。

Answer 1

我更新了您的jsfiddle： http : //jsfiddle.net/mvRYR/1/

您需要設置position: relative; 或position: absolute; 使用z-index 。

Answer 2

只需添加

z-index: 10; position: relative;

您的#drop風格

如果添加background-color: yellow; 同樣，您可能會更好看...