CSS z-index Property

Definition

The z-index property sets the stack order of an element. An element with greater stack order is always in front of another element with lower stack order.
Note: Elements can have negative stack orders.
Note: Z-index only works on elements that have been positioned (eg position:absolute;)!
Inherited: No

---

JavaScript Syntax

CSS properties can also be dynamically changed with a JavaScript.
Scripting Syntax: object.style.zIndex="1"

---

Example

img { z-index: -1 }

Possible Values

Value	Description
auto	Default. The stack order is equal to its parents
number	Sets the stack order of the element

Goto CSS3 and CSS2 complete reference