erichynds

« Return to Blog Post

jQuery Visualize Stack Demo

Attention IE Users!
This demo only works in browsers that support CSS3's hsl() coloring. Currently, that is limited to Firefox 3, Chrome, Opera 9+, and Safari 3+.

This plugin applies various shades of a color to elements based on their z-index value, relative to the z-index of other elements. Useful for developers trying to debug CSS z-index stacking issues.

Use the tab key to move between inputs & to visually refresh the stack. Try entering "auto" as a value, and dragging the divs around.

z-index:
z-index:
z-index:
z-index:
z-index:
z-index:
z-index:
z-index: