如何使此下拉列表显示在其下方的文本上方

时间:2012-02-22 20:02:25

标签: html css z-index

我有一个div,它下面有另一个div下拉,但下拉显示在它下面的内容之下,我希望它出现在它上面。

我尝试使用z-index为内容设置的下限z-index而不是下拉列表,但它无效。

如何让这些div以正确的顺序显示? - 我在jsfiddle上制作了一个模型。

2 个答案:

答案 0 :(得分:2)

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

使用position: relative;时,您需要设置position: absolute;z-index

答案 1 :(得分:1)

只需添加

z-index: 10; position: relative;

到你的#drop风格

如果您同时添加background-color: yellow;,您可以更好地看到它......