layout/reftests/transform/invalidate-transform-1.html

   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>