27 lines
1.0 KiB
Markdown
27 lines
1.0 KiB
Markdown
|
---
|
|||
|
|
title: Z Index Property
|
|||
|
|
localeTitle: 使用索引属性
|
|||
|
|
---
|
|||
|
|
## Z指数属性
|
|||
|
|
|
|||
|
|
z-index属性指定元素的堆栈顺序。 网页上的任何定位元素可以按特定顺序彼此重叠，模仿垂直于屏幕的第三维度。 堆栈顺序较大的元素始终位于堆栈顺序较低的元素前面。堆栈顺序由z-index控制。此属性仅适用于位置值设置为绝对值，固定值或相对值的元素。
|
|||
|
|
|
|||
|
|
#### 句法
|
|||
|
|
|
|||
|
|
z-index：auto | number | initial | inherit;
|
|||
|
|
|
|||
|
|
#### 例
|
|||
|
|
```
|
|||
|
|
div {
|
|||
|
|
position: absolute;
|
|||
|
|
z-index: -1;
|
|||
|
|
}
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
#### 值
|
|||
|
|
|
|||
|
|
自动：将堆栈顺序设置为等于其父项。这是默认的。 Number：设置元素的堆栈顺序。允许使用负数。值越高，元素越高。使用相同的z-index值，下面的HTML代码中描述的元素将位于前面。 Initial：将此属性设置为其默认值。 继承：从其父元素继承此属性。
|
|||
|
|
|
|||
|
|
#### 更多信息：
|
|||
|
|
|
|||
|
|
[MDN上的Z-index](https://developer.mozilla.org/en-US/docs/Web/CSS/z-index) [Z-index onW3schools](https://www.w3schools.com/cssref/pr_pos_z-index.asp)
|