FREE Hosting!

With every domain name you register with ZappyHost, you get FREE hosting.

$1.99 Domain Names

With every new non-domain purchase thru ZappyHost, you get a domain name for only $1.99.

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>

Also see all CSS properties listed alphabetically

Enjoy this website?

Link to this page (copy/paste into your own website or blog):
<a href="http://www.quackit.com/css/properties/css_z-index.cfm">CSS z-index</a> from Quackit.com
Add this page to your favorite social bookmarks sites:
Add this page to your Favorites