让一个div层浮在最上层

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

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

让一个div层浮在最上层_第1张图片


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

你可能感兴趣的:(css,z-index)