CSS z-index 属性

定义

z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。

注释:元素可拥有负的 z-index 属性值。

注释:Z-index 仅能在定位元素上奏效(例如 position:absolute;)!

继承性:No

说明

该属性设置一个定位元素沿 z 轴的位置,z 轴定义为垂直延伸到显示区的轴。如果为正数,则离用户更近,为负数则表示离用户更远。

JavaScript 语法

CSS 属性也可通过一段 JavaScript 被动态地改变。

脚本语法:

object.style.zIndex="1"

在我们的 HTML DOM 教程中,您可以找到更多有关 zIndex 属性 的细节。

在我们的 HTML DOM 教程中,您也可以找到完整的 Style 对象参考手册

例子

img
  { 
  z-index: -1
  }

可能的值

描述
auto 默认。堆叠顺序与父元素相等。
number 设置元素的堆叠顺序。

TIY 实例

Z-index
Z-index 可用于将在一个元素放置于另一元素之后。
Z-index
上例中的元素已经更改了 Z-index。