z-index 是 CSS 中用于控制元素在堆叠上下文中的垂直顺序的属性。具体来说，它定义了一个元素在堆叠上下文中的层级关系，决定哪个元素位于其他元素的前面或后面。

z-index 的值可以是整数、auto 或 inherit。整数值表示元素的堆叠顺序，值越大，元素越靠前。auto 表示使用默认的堆叠顺序，而 inherit 表示从父元素继承 z-index 的值。

例子：
.box1 {
  z-index: 2;
}

.box2 {
  z-index: 1;
}

在这个例子中，.box1 元素的 z-index 值为 2，.box2 元素的 z-index 值为 1。因此，.box1 元素会位于 .box2 元素的前面。

需要注意的是，z-index 属性只在定位元素（position 属性值为 relative、absolute 或 fixed）之间产生效果。如果两个元素都没有定位，则 z-index 不会生效，它们会按照它们在 HTML 中的顺序堆叠，后出现的元素会覆盖先出现的元素。


转载请注明出处：http://www.pingtaimeng.com/article/detail/6162/CSS