目录

CSS z-index 属性


示例

设置图片的 z 索引:

img {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: -1;
}
亲自试一试 »

定义和用法

这个z-index属性指定元素的堆栈顺序。

具有较高堆栈顺序的元素始终位于具有较低堆栈顺序的元素之前。

笔记:z-index仅适用于定位元素(位置:绝对、位置:相对、位置:固定或位置:粘性)和弹性项目(是其直接子元素的元素)显示:弹性元素)。

笔记:如果两个定位元素重叠且没有z-index指定后,HTML 代码中位于最后的元素将显示在顶部。

展示演示❯

默认值: 汽车
遗传:
可动画: 是的。阅读可动画的尝试一下
版本: CSS2
JavaScript 语法: 对象.style.zIndex="-1"尝试一下

浏览器支持

表中的数字指定完全支持该属性的第一个浏览器版本。

Property
z-index 1.0 4.0 3.0 1.0 4.0

CSS 语法

z-index: auto| number|initial|inherit;

属性值

Value Description Demo
auto Sets the stack order equal to its parents. This is default Demo ❯
number Sets the stack order of the element. Negative numbers are allowed Demo ❯
initial Sets this property to its default value. Read about initial
inherit Inherits this property from its parent element. Read about inherit

相关页面

CSS教程:CSS定位

HTML DOM 参考:zIndex 属性