<!DOCTYPE html> <html> <head> <title>body text and bgcolor above children with negative z-index</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script type="text/javascript" src="../../test.js"></script> <style type="text/css"> * {margin:0;padding:0;} html {background-color: gray;} body { background-color: green; } #div1 { background-color:cyan; width:200px; height:200px; z-index:-1; position:absolute; top:0; left:0; } body { font-family: Arial; } </style></head> <body>body <div id="div1"></div> </body> </html>