CSS z-index Property

Example

Set the z-index for an image:

img
{
position:absolute;
left:0px;
top:0px;
z-index:-1;
}

Try it yourself »

The z-index property specifies the stack order of an element.

An element with greater stack order is always in front of an element with a lower stack order.

Note: z-index only works on positioned elements (position:absolute, position:relative, or position:fixed).

The z-index property is supported in all major browsers.

Note: No versions of Internet Explorer (including IE8) support the property value "inherit".

Value	Description
auto	Sets the stack order equal to its parents. This is default
number	Sets the stack order of the element. Negative numbers are allowed
inherit	Specifies that the z-index should be inherited from the parent element

HTML DOM reference: zIndex property