CSS-Tricks

#40: How z-index Works

* 11/3/2008  —  5 Comments *

by: Chris Coyier

Z-index can be a little confusing sometimes. In this screencast I attempt to explain how it works, how it’s tied to positioning, some quirks, and some general advice.

Running time: 19 minutes

Direct Download: High Quality, Quicktime .M4V Format (AppleTV Ready)

Get the Flash Player to see this player.


Bookmark at Delicious Digg this! Stumble this! Submit to DesignFloat Submit to DZone Share on Reddit Bookmark on Google Bookmarks

Responses


  1. Toni L says:

    If static element won’t do z-index, does it mean, that it kinda has z-index-value of zero through the line.

  2. Gfx-Dzine says:

    Thanks for the info! Very usefull.

    Mike.

  3. Alen says:

    Thanks for the great tips. Just got a quick question if anyone knows using the z-index can i place any div element with a higher z-index over a flash movie. I know Chris mentions about drop down menus somtimes getting lost under flash. But is it simply a matter of creating a div element for the flash and another div element for the page element you want to layer on top of the flash movie and setting the position to either absolute or relative and setting the z-index to a higher value?

    will this work?

  4. Alex Wind says:

    how do you get IE 7 on your mac?


Leave a Comment

Save time next time! (You won't have to fill out all these fields) Register | Login

Gravatar

Your Name
1/5/2009