如何使该下拉列表显示在其下方文本上方
我有一个 div,其下方有另一个 div 下拉菜单,但该下拉菜单显示在其下方内容的下方,而我希望它显示在其上方。
我尝试通过为内容设置比下拉列表更低的 z-index
来使用 z-index
,但它不起作用。
我怎样才能让这些div以正确的顺序出现? - 我在 jsfiddle 上制作了它的模型。
I've got a div which has another div drop down below it, but the drop-down appears below the content that's below it, and I want it to appear above it.
I've tried using z-index
by setting a lower z-index
for the content than the drop-down, but it's not working.
How can I make these divs appear in the correct order? - I've made a mockup of it on a jsfiddle.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
我更新了你的jsfiddle: http://jsfiddle.net/mvRYR/1/
你需要设置 <使用
z-index
时,code>position:relative; 或position:absolute;
。I updated your jsfiddle: http://jsfiddle.net/mvRYR/1/
You need to set
position: relative;
orposition: absolute;
when usingz-index
.只需添加
到您的
#drop
样式中,如果您还添加
background-color: Yellow;
,您就可以看到它更好...just add
to your
#drop
styleif you add
background-color: yellow;
as well, you could see it better...