retained-dl-zindex-2.html (654B)
1 <!DOCTYPE html> 2 <html class="reftest-wait"> 3 <head> 4 <style> 5 div { 6 width: 200px; 7 height: 200px; 8 position:relative; 9 will-change:transform; 10 } 11 #one { 12 top:120px; 13 background-color:blue; 14 } 15 #two { 16 top: -200px; 17 left: 100px; 18 background-color:green; 19 } 20 #three { 21 top: -180px; 22 left: 100px; 23 background-color:red; 24 z-index: 1; 25 } 26 </style> 27 </head> 28 <body> 29 <div id="one"></div> 30 <div id="two"></div> 31 <div id="three"></div> 32 </body> 33 <script> 34 function doTest() { 35 document.getElementById("three").style.zIndex = -1; 36 document.documentElement.removeAttribute("class"); 37 } 38 39 window.addEventListener("MozReftestInvalidate", doTest); 40 </script> 41 </html>