Z-index

From Htmlpedia
Jump to: navigation, search

CSS 2 property: z-index

Description of z-index's purpose goes here.

Property Values

The z-index accepts the following values:

  • Value: Can be any numerical value, including negative values. Defines the stack order; an element with z-index: 2;, will cover up a z-index: 1; if placed on top.

Example

Good
<style type="text/css">
     selector { z-index: value; }
</style>
...
<element attribute="foo">Contents</element>

Browser Support

If you have tested support for z-index in any of the following browsers, please indicate its level of support using one of the following keywords:

  • Full
  • Partial
  • Buggy
  • None

If you indicate that support is "Partial" or "Buggy," please add further comments explaining what's missing or what doesn't work right.

IE 3 
Support is Unknown
IE 4 
Support is Unknown
IE 5 
Support is Unknown
IE 5.5 
Support is Unknown
IE 6 
Support is Unknown
IE 7 
Full
NS 3 
Support is Unknown
NS 4 
Support is Unknown
NS 4.5 
Support is Unknown
NS 6 
Support is Unknown
NS 7 
Support is Unknown
NS 8 
Support is Unknown
Firefox 1 
Support is Unknown
Firefox 1.5 
Full
Firefox 2 
Full
Mozilla 
Support is Unknown
Opera 6 
Support is Unknown
Opera 7 
Support is Unknown
Opera 8 
Support is Unknown
Opera 9 
Full

Tips and Tricks

If you know of any useful or uncommon tips or techniques using this property, please describe them here.

References