目录

style zIndex 属性

示例

更改 <img> 元素的堆栈顺序:

document.getElementById("img1").style.zIndex = "1";
亲自试一试 »

描述

zIndex 属性设置或返回定位元素的堆栈顺序。

具有较高堆栈顺序 (1) 的元素始终位于另一个具有较低堆栈顺序 (0) 的元素之前。

提示:定位元素是位置属性设置为:相对、绝对或固定的元素。

提示:如果您想创建重叠元素,此属性非常有用。


浏览器支持

Property
zIndex Yes Yes Yes Yes Yes

语法

返回 zIndex 属性:

object.style.zIndex

设置 zIndex 属性:

object.style.zIndex = "auto| number|initial|inherit"

属性值

Value Description
auto The browser determines the stack order of the element (based on its order in the document). This is default
number An integer that defines the stack order of the element. Negative values are allowed
initial Sets this property to its default value. Read about initial
inherit Inherits this property from its parent element. Read about inherit


技术细节

默认值: 汽车
返回值: 一个字符串,表示元素的堆栈顺序
CSS版本 CSS2

更多示例

示例

更改 <div> 元素的 z-index 属性值:

document.getElementById("myDIV").style.zIndex = "-1";
亲自试一试 »

示例

返回 <img> 元素的 z-index 属性值:

alert(document.getElementById("img1").style.zIndex);
亲自试一试 »

相关页面

CSS教程:CSS定位

CSS 参考:z 索引属性