css 上下层级 |css渐入检

在HTML中，元素的层级关系是根据DOM树结构确定的，而CSS中则可以通过z-index属性来控制元素的上下层级。

在CSS中，z-index值越大的元素越靠上，可以覆盖z-index值较小的元素。具体的z-index值可以是正整数、负整数或者0。

.box1 {
width: 200px;
height: 100px;
background-color: #eee;
position: absolute;
z-index: 1;
}
.box2 {
width: 150px;
height: 150px;
background-color: #f00;
position: absolute;
top: 50px;
left: 50px;
z-index: 2;
}

上面的代码中，.box2的z-index值为2，而.box1的z-index值为1，所以.box2会覆盖在.box1的上方。

需要注意的是，z-index属性只对定位元素（绝对或相对定位）有效，因为只有定位元素才能通过top、left、bottom、right属性来控制元素的位置。