让一个div层浮在最上层

标签: z-index
13人阅读 评论(0) 收藏 举报
分类:

    1、需求:做一个input框,支持手动输入的同时,还支持下拉框;

        所以要求这个下拉框要浮在最上层,如图:



要点:如果div较少,如两个div,则可以直接用:

style="position: absolute;"

而我这里的div较多,且要将下拉框浮在弹框之上,(弹框中有多个div,要将下拉框浮在这些div之上),

则需要加入z-index属性;

style="position: absolute; z-index: 10"


z-index使用详解:

首先将position定义为,absolute、relative或fixed。 
【必须position为以上三个属性,z-index才能层级体现出来,才能起作用】 
设置 style 中 z-index:auto 
auto可定义为一个值(整数数字),越大代表越置前,如可定义为: z-index:9999。 
若定义为-1,代表为最底层。 
如果要让div1不被div2遮挡,则将div1的z-index设置比div2大就可以了。

查看评论

div被遮挡,让一个div层浮在最上层的方法

设置 style 中 z-index:auto auto可定义为一个值(整数数字),越大代表越置前,如可定义为: z-index:9999。 若定义为-1,代表为最底层。...
  • redaiyuqun
  • redaiyuqun
  • 2017-01-12 16:40:41
  • 20968

CSS让div层悬浮在最上方

效果如下: 这里是使得一张div里面的图片悬浮在了地图的上方,css代码如下 .tl { width: 240px; height: 193px; position: absolut...
  • zxj19951029
  • zxj19951029
  • 2015-06-24 11:07:48
  • 20089

如何控制CSS使一个div位于最上层

Z-index属性决定了一个HTML元素的层叠级别。 元素层叠级别是相对于元素在Z轴上(与X轴Y轴相对照)的位置而言。 一个更高的Z-index值意味着这个元素在叠层顺序中会更靠近顶部。 这个层...
  • cypbkd
  • cypbkd
  • 2012-10-30 19:15:34
  • 10588

让一个div层浮在最上层的方法

设置style 中 z-index:auto auto可定义为一个值(整数数字),越大代表越置前,如可定义为: z-index:9999。 若定义为-1,代表为最底层。 另: 若是会被一些...
  • vera_xue
  • vera_xue
  • 2014-06-20 17:12:38
  • 1188

如何让一个div显示在页面最顶层

网站有个栏目的上拉菜单被挡住了,设置下拉菜单显示在网站最顶层解决办法 style="z-index:999">数值越大,显示级越高,当然一般也不用999, 2,3就够了             ...
  • qq_35624642
  • qq_35624642
  • 2016-07-25 17:07:25
  • 7179

如何解决flash视频永远浮在最上层的问题?

如上代码,
  • hom_va
  • hom_va
  • 2014-06-07 18:19:46
  • 1686

css手型,让一个div显示在最上层,模态框

如何实现鼠标悬浮在div上之后,出现手型:给div的css代码加上一句          cursor:pointer; 如何让一个div在其他div之上显示:给这个div固定定位       ...
  • qq_32768053
  • qq_32768053
  • 2016-11-25 16:30:32
  • 1452

如何将div悬浮在另外一个div之上?

解决方案1 如何“悬浮”是想让一个层叠加在另一个层上的话,你可以利用相对定位和绝对定位来实现 比如: 你在父元素上设置position:relative; 在子元素上设置position:a...
  • mengmakies
  • mengmakies
  • 2016-05-22 23:46:28
  • 4243

多个iframe,显示其中一个frame中的div,并处于最上层显示

  • 2012年10月25日 14:27
  • 10KB
  • 下载
    个人资料
    持之以恒
    等级:
    访问量: 1万+
    积分: 697
    排名: 7万+
    最新评论