Z-index
by David on Oct.09, 2011, under CSS
Z-index Information
Have found this useful to know as when testing things, occasionally I run into issues where items appear on top of others when they shouldn’t. Easy to fix though – I’ve grabbed this straight from the W3Schools page here:
Definition and Usage
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).
| Default value: | auto |
|---|---|
| Inherited: | no |
| Version: | CSS2 |
| JavaScript syntax: | object.style.zIndex=”1″ |
Browser Support
The z-index property is supported in all major browsers.
Note: The value “inherit” is not supported in IE7 and earlier. IE8 requires a !DOCTYPE. IE9 supports “inherit”.

