CSS z-index Property

Complete CSS Reference

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"

In our HTML DOM tutorial you can find more details about the zIndex property.

In our HTML DOM tutorial you can also find a full Style Object Reference.

Example

Possible Values

Try-It-Yourself Demos

Z-index
Z-index can be used to place an element "behind" another element.

Z-index
The elements in the example above have now changed their Z-index.

Complete CSS Reference

Add automated outbound phone calls to your application!

Enhance your project with this inexpensive reliable Web Service. Phone calls can be sent as pre-recorded sound files, text to speech, or by using a combination of both. You can also change call flow based on interaction. Phone Notify! is being utilized for fraud prevention, emergency notification calls, courtesy calls, automated telemarketing calls, voice broadcasts, automated dialers, appointment reminders and more. 50 FREE phone calls for W3School users >

Jump to: Top of Page or HOME or Printer friendly page

W3Schools provides material for training only. We do not warrant the correctness of its contents. The risk from using it lies entirely with the user. While using this site, you agree to have read and accepted our terms of use and privacy policy.

Copyright 1999-2007 by Refsnes Data. All Rights Reserved.

W3Schools was converted to XHTML in December 1999