background: pink
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title></title> <style type='text/css'> div { position: absolute; padding: 10px; border: 1px solid black; opacity: 0.9; background: #ccc; width: 100px; height: 100px; top: 20px; left: 20px; z-index: 4; } div + div { background: lightblue; top: 40px; left: 40px; z-index: 3; } div + div + div { background: lightgreen; top: 60px; left: 60px; z-index: 2; } div + div + div + div { background: pink; top: 80px; left: 80px; z-index: 1; } </style> </head> <body> <div>div1</div> <div>div2</div> <div>div3</div> <div>div4</div> </body> </html>