最近项目用到类似百度的自动联想功能,代码结构大概如下
<div id="parent">
<input type="text" /> //输入框
<div style="position:relative">//自动联想层
</div>
</div>
<div style="position:absolute">
//其他内容
</div>
现弹出的联想层总是被下面的其他内容的DIV覆盖掉,不管怎么设置z-index都没用
此时在网上看到一篇帖子说,改自动联想层的position为absolute,原因不知道为啥
我试了下将id="parent"的层的position改成了absolute,果真行了,但也不知道为什么这样就OK