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

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

看个例子

<div style="position: fixed;float: left;width:100px;height:100px;background-color:pink;z-index:1;">
</div>

<div style="position: fixed;float: left;width:200px;height:200px;background-color:gray;">
</div>

先写的粉色div,后写的灰色div,但通过z-index可以让粉色div在灰色div之上

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

原文链接:https://blog.csdn.net/redaiyuqun/article/details/54379354

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 引用CSS方式 内部引用 html文件中写一个 标签,并将样式写入到里面,举例: 外部引用 通过 标签实现,里面有...
    dawsonenjoy阅读 497评论 0 0
  • 第一种方式: 首先,我们在html中有这样一个布局: 不要小看外面那个div,它可是本次内容不可少的呢,没了它,后...
    心羽暖姐姐阅读 9,624评论 1 2
  • CSS代码--写在哪里?外部样式: 内页样式: 此处写CSS代码 行内样式: 将字体改为红色 CSS基本语法 CS...
    Francis__阅读 324评论 1 3
  • 一、div和span区别 块元素与内联元素区别 块元素又称块级元素(block element)和其对应的是内联元...
    辽A丶孙悟空阅读 3,025评论 7 43
  • 浏览器可以被认为是使用最广泛的软件,本文将介绍浏览器的工 作原理,我们将看到,从你在地址栏输入google.com...
    haokeqiudu阅读 839评论 0 0