Stacking Demo

More absolutely positioned DIVs, this time with z-index values defined. Again, DIV "A1" is contained within DIV "A". DIV "B" is independent.

Note that "B" appears on top of "A1," even though "A1" has a higher z-index value. That's because its containing element, "A," has a lower z-index value than "B."

Use your browser's View Source option to see the full source code.

DIV A
z-index: 100;
DIV A1
z-index: 300;
DIV B
z-index: 200;