CSS 层高详解：z-index 属性的使用

在 CSS 中，层高指的是元素在页面上的叠放顺序。默认情况下，元素按照它们在 HTML 文档中的顺序进行叠放，后面的元素覆盖前面的元素。但是，可以使用 CSS 中的 'z-index' 属性来控制元素的层高。

'z-index' 属性接受一个整数值作为参数，值越大，元素在页面上的层高就越高。如果两个元素的 'z-index' 值相同，它们的层高就会按照它们在 HTML 文档中的顺序进行叠放。

需要注意的是，'z-index' 属性只对定位元素（'position' 属性值为 'relative'、'absolute' 或 'fixed'）有效。未定位元素的层高是无法改变的。

另外，'z-index' 值可以是负数，表示元素在页面上的层高比较低。