AndreR 21 December 2005 Your first example seems wrong, if you want the effect you are illustrating you should change the css to something like: div { position: absolute; height: 100px; width: 100px;/* uncomment this to be sure it looks the same in all browsers: margin: 0px; padding: 0px; overflow: visible; */ } #one { z-index: 3; top: 40px; left: 60px; } #two { z-index: 1; top: 20px; left: 20px; } #three { z-index: 2; top: 60px; left: 0px; } Off course you also have to add background colour and transparency(not widely supported yet).
AndreR
Your first example seems wrong, if you want the effect you are illustrating you should change the css to something like:
div { position: absolute; height: 100px; width: 100px;/* uncomment this to be sure it looks the same in all browsers: margin: 0px; padding: 0px; overflow: visible;
*/
} #one { z-index: 3; top: 40px; left: 60px; } #two { z-index: 1; top: 20px; left: 20px; } #three { z-index: 2; top: 60px; left: 0px; }Off course you also have to add background colour and transparency(not widely supported yet).