Sorry, your browser cannot access this site
This page requires browser support (enable) JavaScript
Learn more >

绝对定位堆叠层级

前端CSS

发布于：Jun 6, 2025

堆叠层级：z-index

  1. 标签书写越靠后，显示的优先级越高
  2. 设置z-index值越大显示优先级越高
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
div{
	position:absolute;
	width:200px;
	height:200px
}
.box1{
	background-color:pink;
	//不设置z-index为1的话显示的就是后设置的blue
	z-index:1;
}
.box2{
	background-color:blue;
}

<div class="box1"></div>
<div class="box2"></div>

更新于：Jun 6, 2025

堆叠层级

评论