<font color="ivory" size="3">Please Reload</font>


The Z index is used to layer things

on the screen outward toward the viewer.

"1" is the layer on the bottom

two next and so on coming out of

the screen toward you.....

This allows you to put any number

of things on top of one another.....

In the above we have four divs and z indexes of 1,2,3,4.....

#one {position: absolute; z-index: 1; left: 200px; top: 0px;} #two {position: absolute; z-index: 2; left: 220px; top: 20px;} #three {position: absolute; z-index: 3; left: 240px; top: 40px;} #four {position: absolute; z-index: 4; left: 260px; top: 60px;}

Below only the z-indexes were changed....4,3,2,1

All left and top positions remain the same.

...Cascading Style Sheets...CSS Tute...