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

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

让一个div层浮在最上层


要点:如果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大就可以了。

相关文章:

  • 2022-12-23
  • 2022-02-08
  • 2022-01-07
  • 2022-12-23
  • 2022-12-23
  • 2021-10-10
  • 2022-01-07
猜你喜欢
  • 2021-11-21
  • 2022-12-23
  • 2022-01-07
  • 2021-07-25
  • 2021-12-09
相关资源
相似解决方案