Style zIndex Property

Change the stack order of an <img> element:

document.getElementById("img1").style.zIndex = "1";

Description

The zIndex property sets or returns the stack order of a positioned element.

An element with greater stack order (1) is always in front of another element with lower stack order (0).

Tip: A positioned element is an element with the position property set to: relative, absolute, or fixed.

Tip: This property is useful if you want to create overlapping elements.

Property
zIndex	Yes	Yes	Yes	Yes	Yes

Return the zIndex property:

object.style.zIndex

Set the zIndex property:

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