HTML Ref » Reference » Appendix B

home » reference » appendix b » css1 / css2 properties

z-index

This property defines a layering context with relative or absolute positioning for elements containing other elements. By default, overlapping elements stack in the order in which they are defined in an HTML/XHTML document. This property can override default layering by assigning numeric layering values to an element, with higher numbers layering above lower numbers. The auto value tries to determine the z-placement of an element automatically by its order in the document.

Example

#div1 {position: absolute; top: 20px; left: 20px; height: 50px; width: 50px;
background-color: blue; z-index: 2;}

Browser and CSS Support Notes

CSS2
IE 4, 5, 5.5, 6
Nav 4, 4.5-4.8, 6, 7
Opera 4, 5, 6, 7

CSS Properties

Back: word-spacing.htm

Next: aural properties

<About> <Chapters> <Examples> <Errata> <Reference> Appendix A - (X)HTML Appendix B - CSS Style Inclusion Methods Measurements Color Values Selectors Miscellaneous Constructs CSS1 / CSS2 Properties Appendix C - Entities Appendix D - Fonts Appendix E - Colors <Home>	home » reference » appendix b » css1 / css2 properties z-index This property defines a layering context with relative or absolute positioning for elements containing other elements. By default, overlapping elements stack in the order in which they are defined in an HTML/XHTML document. This property can override default layering by assigning numeric layering values to an element, with higher numbers layering above lower numbers. The auto value tries to determine the z-placement of an element automatically by its order in the document. Example #div1 {position: absolute; top: 20px; left: 20px; height: 50px; width: 50px; background-color: blue; z-index: 2;} Browser and CSS Support Notes CSS2 IE 4, 5, 5.5, 6 Nav 4, 4.5-4.8, 6, 7 Opera 4, 5, 6, 7		(X)HTML Elements CSS Properties
	Back: word-spacing.htm	Next: aural properties	back to top