CSS z-index

Also see the full, alphabetical list of CSS properties

The CSS z-index property is used to layer elements in front or behind each other. This is referred to as the 'stack level'. This only applies to positioned elements (i.e. elements positioned using the position property).

Syntax:	z-index: <value>;
Possible Values:	<integer> auto inherit
Initial Value:	auto
Applies to:	Positioned elements
Inherited:	No
Media:	Visual
Example:	`.menu { position: relative; top: 10; left:10; z-index: 3 }`
Try it yourself!	<style type="text/css"> div { border:1px solid black; } .infront { background-color:#ff9900; width:100px; height: 100px; position: relative; top: 10; left:80; z-index: 2; } .behind { background-color:#eeeeee; width:100px; height: 100px; position: relative; top: -60; left:35; z-index: 1; } </style> <div class="infront"> In front </div> <div class="behind"> Behind </div>

CSS Tutorial

CSS Codes

CSS Examples

CSS Reference

CSS z-index

Also see the full, alphabetical list of CSS properties

Also see all CSS properties listed alphabetically

Enjoy this page?

HTML/MARKUP

CSS & DESIGN

SCRIPTING

DATABASE

WEB HOSTING