现在的位置: 首页 > 综合 > 正文

关于z-index设置无效,设置position

2018年01月17日 ⁄ 综合 ⁄ 共 340字 ⁄ 字号 评论关闭

最近项目用到类似百度的自动联想功能,代码结构大概如下

<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

抱歉!评论已关闭.