CSS `z-index` 属性

说明

z-index CSS 属性指定定位元素的分层或堆叠顺序，即 position 值为 absolute, fixed, 或 relative 之一的元素。堆叠顺序是指元素沿垂直于屏幕的 Z 轴的位置。

下表总结了此属性的使用上下文和版本历史记录。

注意：当元素重叠时，z-index 确定哪一个与另一个重叠。具有较高 z-index 的元素通常与具有较低 z-index 的元素重叠。

属性的语法如下：

z-index:

integer | auto | initial | inherit

下面的示例显示了 z-index 属性的作用。

div {
    position: absolute;
    lop: 30px;
    left: 30px;
    z-index: 2;
}

下表描述了该属性的值。

值	说明
integer	设置当前堆叠上下文中元素框的堆叠级别。该框还建立了一个本地堆栈上下文，其中其堆栈级别为 0（零）。允许使用负整数值。
`auto`	元素框的堆栈级别与其父框相同，并且不建立新的堆栈上下文。这是默认值。
`initial`	将此属性设置为其默认值。
`inherit`	如果指定，则关联元素采用其父元素 `z-index` 属性的计算值。

所有主要的现代浏览器都支持 z-index 属性。

请参阅以下教程： CSS 位置, CSS 层.