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

原创 2012年03月26日 19:46:39

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

<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

相关文章推荐

z-index无论设置多高都不起作用情况

在做的过程中,发现了一个很简单却又很多人应该碰到的问题,设置Z-INDEX属性无效。在CSS中,只能通过代码改变层级,这个属性就是z-index,要让z-index起作用有个小小前提,就是元素的pos...

CSS的z-index设置不生效的原因

很久没有写前端代码了,最近有个项目需要亲自动手,但是在做的过程中,发现了一个很简单却又很多人应该碰到的问题,设置Z-INDEX属性无效。  在CSS中,只能通过代码改变层级,这个属性就是z-inde...

为什么css中设置z-index不起作用?(附原因解释和解决办法)

之所以转贴这篇文章,是很多朋友比较疑惑z-index这个样式。其实只要先知道以下2点就可以很容易的理解了—— 要想给元素设置z-index样式,必须先让它变成定位元素,再通俗一点说,就是要给元素...

微信小程序开发——map地图组件,定位,并手动修改位置偏差。

环境搭建 注册,获取APPID(没有这个不能真鸡调试) 下载微信web开发者工具(挺多bug,将就用) 打开微信web开发者工具,扫码登录,新建小程序,输入APPID,勾选创建quick start项...

z-index无效,无论设置多大都被其他的元素覆盖

z-index问题 .test-div{ border:1px blue solid; width:300px...

关于设置z-index层级无效的问题

明明设置了属性z-index,但是为什么在网页上显示无效呢?

div层调整z-index属性无效原因分析及解决方法

这是在学习css中遇到的一个问题。 div层调整zindex属性在IE中无效原因分析及解决方法 在CSS中,只能通过代码改变层级,这个属性就是z-index,要让z-index起作用有个小小前提,...

z-index层级在IE中无效

z-index无效的两种可能情况: 第一种情况(z-index无论设置多高都没用): 1、父级标签position的属性值没有设置为relative; 2、问题标签中没有写position属性值(不包...

z-index不起作用的大坑

话说好久就没有更新博客了,今天为了装一把,差点没把自己装进去。。。以后还是低调一点好,哈哈,话不多说,直奔主题。 今天遇到的就是z-index不起作用的问题。一个后台小哥不知道抽什么疯,写元素覆盖偏...

解决 css 中Z-index 一直不起作用

弄了半天,只是做个小的下拉效果,如淘宝的那种,如图 但在框中总是层叠不对,如下图 找了半天原来只是少了一行代码:position:relative;这个放在上面的DIV中,...
  • abeetle
  • abeetle
  • 2013年07月17日 10:54
  • 4593
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:关于z-index设置无效,设置position
举报原因:
原因补充:

(最多只允许输入30个字)