关于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问题 .test-div{ border:1px blue solid; width:300px...
  • zhu562002124
  • zhu562002124
  • 2015年09月18日 13:55
  • 9215

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

明明设置了属性z-index,但是为什么在网页上显示无效呢?
  • m0_38099607
  • m0_38099607
  • 2017年04月13日 09:11
  • 6069

苹果手机的z-index 无效的问题

今天在写一个H5页面的时候,发现一个问题在这里记录一下。 问题:如果css样式中 对一个元素 添加z-index: -1; 时 在android手机中正常,但是在苹果手机中 如果z-index的值为...
  • liuying1802028915
  • liuying1802028915
  • 2017年08月10日 18:54
  • 778

z-index无效

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

z-index不起作用的大坑

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

我的z-index怎么“失效”了?

大家有没有遇到这样的问题,给一个元素加上transform或者opacity等效果后,它的子元素的z-index就“失效了”?这里普及一个概念:stacking context,中文翻译叫做“堆叠上下...
  • shengandshu
  • shengandshu
  • 2017年02月25日 21:54
  • 711

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

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

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

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

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

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

z-index层级在IE中无效

z-index无效的两种可能情况: 第一种情况(z-index无论设置多高都没用): 1、父级标签position的属性值没有设置为relative; 2、问题标签中没有写position属性值(不包...
  • w3c_null
  • w3c_null
  • 2016年09月26日 15:56
  • 1038
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:关于z-index设置无效,设置position
举报原因:
原因补充:

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