1428993-1.html (994B)
1 <!DOCTYPE html> 2 <html class="reftest-wait"> 3 <head> 4 <meta http-equiv="content-type" content="text/html; charset=UTF-8"> 5 <meta charset="utf-8"> 6 <title>Retained display list test</title> 7 <style type="text/css"> 8 .box { 9 left: 0px; 10 top: 0px; 11 width: 400px; 12 height: 400px; 13 } 14 15 button { 16 position: fixed; 17 outline: none; 18 background-color: green; 19 border: none; 20 } 21 22 .red { 23 position: absolute; 24 background-color: red; 25 } 26 27 .translate { 28 transform: translateX(0px); 29 } 30 31 .container { 32 position: absolute; 33 top: 0px; 34 left: 0px; 35 z-index: 1; 36 } 37 </style> 38 </head> 39 40 <body> 41 <div class="container"> 42 <div class="box red"></div> 43 <button class="box" id="green"></button> 44 </div> 45 46 <script type="text/javascript"> 47 function doTest() { 48 document.getElementById("green").classList.add("translate"); 49 document.documentElement.removeAttribute("class"); 50 } 51 52 window.addEventListener("MozReftestInvalidate", doTest); 53 54 // setTimeout(doTest, 5000); 55 </script> 56 </body> 57 </html>