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
| Value |
Description |
| auto |
Default. The stack order is equal to its parents |
| number |
Sets the stack order of the element |
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
Whether you're new to XML or already an advanced user, the user-friendly views
and powerful entry helpers, wizards, and debuggers in XMLSpy are designed to
meet your XML and Web services development needs from start to finish.
- XML editor
- Graphical XML Schema / DTD editors
- XSLT 1.0/2.0 editor, debugger, profiler
- XQuery editor, debugger, profiler
- Support for Office Open XML (OOXML)
- Graphical WSDL editor & SOAP debugger
- Java, C#, C++ code generation
- And much more!
Download a free 30-day trial today!
Click to see a demo!
Learn what’s new in v2008
|