<!DOCTYPE html> <html> <head> <title>z-index tests #4</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script type="text/javascript" src="../../test.js"></script> <style type="text/css"> div.lev1 { width: 250px; height: 70px; position: relative; border: 2px solid #669966; background-color: #ccffcc; padding-left: 5px; } div.background { position: absolute; top: 0; bottom: 0; width: 250px; background-color: #ffdddd; z-index: -1; } body { font-family: Arial; } </style></head> <body> <div class="lev1"> <span>LEVEL #1</span> </div> <div class="background"></div> <div class="lev1"> <span>LEVEL #1</span> </div> </body> </html>