CSS 绝对定位 position:absolute、z-index 设置堆叠顺序
warning:
这篇文章距离上次修改已过206天，其中的内容可能已经有所变动。
/* 设置元素的绝对定位，并指定z-index层级 */
.element1 {
position: absolute;
top: 10px;
left: 20px;
z-index: 1; /* 设置较小的z-index值，在底层堆叠 */
}
.element2 {
position: absolute;
top: 15px;
left: 25px;
z-index: 2; /* 设置较大的z-index值，在顶层堆叠 */
}
/* 如果有必要，可以设置父容器的z-index来控制堆叠顺序 */
.container {
position: relative;
z-index: 0; /* 父容器的z-index默认是0 */
}这段代码展示了如何使用CSS的position: absolute属性进行绝对定位，并通过z-index属性来控制堆叠顺序。z-index值较大的元素会覆盖z-index值较小的元素。如果父容器也需要进行堆叠顺序控制，可以像.container类一样设置position: relative并指定z-index。
评论已关闭