invalidate-transform-1.html (769B)
1 <!DOCTYPE html> 2 <html class="reftest-wait"> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 </head> 7 <style type="text/css"> 8 #parent { 9 width: 200px; 10 height: 200px; 11 } 12 13 #box { 14 width: 200px; 15 height: 200px; 16 background-color: red; 17 z-index: 0; 18 } 19 20 #green { 21 position: absolute; 22 top: 8px; 23 left: 208px; 24 width: 200px; 25 height: 200px; 26 background-color: green; 27 z-index: 1; 28 } 29 </style> 30 <body> 31 32 <div id="parent"> 33 <div id="box"></div> 34 </div> 35 <div id="green"></div> 36 37 <script type="text/javascript"> 38 function doTest() { 39 var element = document.getElementById("parent"); 40 element.style.transform = "translate(200px, 0px)"; 41 document.documentElement.removeAttribute("class"); 42 } 43 44 window.addEventListener("MozReftestInvalidate", doTest); 45 46 </script> 47 48 </body> 49 </html>