third_party/WebKit/LayoutTests/fast/repaint/replaced-clipped-positioned-not-wrong-incremental-repainting.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <style>
   5 #shiftMe {
   6     position: relative;
   7     left: -100px;
   8 }
   9
  10 .container {
  11     overflow: hidden;
  12 }
  13
  14 .imgContainer {
  15     position: relative;
  16     float: left;
  17 }
  18 </style>
  19 </head>
  20 <body>
  21 <div class="container">
  22     <div id="shiftMe">
  23         <div class="imgContainer">
  24             <img src="resources/apple.jpg">
  25         </div>
  26     </div>
  27 </div>
  28 <script src="resources/text-based-repaint.js" type="text/javascript"></script>
  29 <script>
  30 function repaintTest()
  31 {
  32     document.getElementById("shiftMe").style.left = "-20px";
  33 }
  34
  35 window.addEventListener("load", runRepaintTest, false);
  36 </script>
  37 </body>
  38 </html>