CSS 层高 (z-index) 属性详解 - 控制元素叠放顺序

在 CSS 中，层高 (z-index) 属性用于控制元素的垂直层级顺序。层高值越高的元素会显示在层高值较低的元素之上。

层高值可以是正数、负数或 auto。正数表示元素在正常文档流中的顺序，负数表示元素在正常文档流之前的顺序，而 auto 表示层高由浏览器自动决定。

注意，层高只对定位元素 (position: absolute、position: relative、position: fixed) 有效。未定位的元素无法使用层高属性。

值得注意的是，层高只对同一父元素下的元素有效，不同父元素下的元素之间的层高无法控制。当两个元素的层高值相同时，它们的显示顺序将由它们在 HTML 中的顺序决定。