<!DOCTYPE HTML> <html class="reftest-wait"> <body> <div id="first" style="position:absolute; width: 200px; height: 200px; background-color:blue; z-index: 1"></div> <div style="position:absolute; left: 400px; width: 200px; height: 200px; background-color:green; z-index: 2"></div> <div id="overlay" style="position:absolute; top: 100px; width: 600px; height: 200px; background-color:orange; z-index: 10"></div> </body> <script> function doTest2() { document.getElementById("overlay").style.zIndex= 11; document.documentElement.removeAttribute('class'); } function doTest() { document.getElementById("first").style.zIndex = 3; setTimeout(doTest2, 1000); } window.addEventListener("MozReftestInvalidate", doTest); </script> </html>