Research & Development for 3D & the Web

Z-index

by 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

compatible ie Z index compatible firefox Z index compatible opera Z index compatible chrome Z index compatible safari Z index

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”.


Leave a Reply

You must be logged in to post a comment.

Looking for something?

Use the form below to search the site:

Still not finding what you're looking for? Drop a comment on a post or contact us so we can take care of it!

Blogroll

A few highly recommended websites...

Log In