CSS中元素的层级问题及更改定位元素的层级方法

不同布局方式元素的层级关系:

  • 标准流 < 浮动 < 定位
  • HTML < float < position

不同定位之间的层级关系:

  • 相对、绝对、固定默认层级相同
  • 此时HTML中写在下面的元素层级会更高,会覆盖上面的元素

更改定位元素的层级:

场景:仅限于改变定位元素的层级,不适用于其他元素。

属性名:z-index

属性值:数字

  • 属性值的数字越大,层级越高。

如图,green盒子在red盒子下面写,因为green盒子设置了z-index属性而red盒子没有,所以green盒子显示在red盒子上面。

给TA打赏
共{{data.count}}人
人已打赏
知识碎片

子绝父相水平居中及水平垂直都居中解决方法

2021-11-26 21:00:09

知识碎片

如何将稀疏数组写出到磁盘中

2021-11-27 11:30:32

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧