CSS的z-index属性可以控制元素的堆叠顺序，即谁在上，谁在下。它是一个数字，值越大，层级越高，越靠前显示，值越小，层级越低，越靠后显示。默认情况下，z-index值为0，所有元素的堆叠顺序都是按照它们在HTML文档中出现的先后顺序来排列的，即先出现的元素层级低，后出现的元素层级高。
使用方法
使用z-index属性，可以改变元素的堆叠顺序，以及它们在页面上的显示位置。
.box {
position: relative;
z-index: 1;
}
上面的代码中，设置了一个box的z-index值为1，表示它的层级比其他元素高，会比其他元素更靠前显示。
z-index属性只对定位元素有效，即position属性值为absolute、relative或fixed的元素。
- z-index属性可以控制元素的堆叠顺序，值越大，层级越高，越靠前显示；
- z-index属性只对定位元素有效，即position属性值为absolute、relative或fixed的元素；
- 默认情况下，z-index值为0，所有元素的堆叠顺序都是按照它们在HTML文档中出现的先后顺序来排列的。