src/third_party/WebKit/LayoutTests/compositing/fixed-body-background-positioned.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4     <style>
   5         body {
   6             margin: 100px;
   7             height: 3500px;
   8             background-image: url('resources/simple_image.png');
   9             background-size: 200px 200px;
  10             background-attachment: fixed;
  11             background-repeat: no-repeat;
  12             background-position: bottom right;
  13         }
  14
  15         .test {
  16             height: 400px;
  17             width: 600px;
  18             background-color: rgba(0, 0, 0, 0.5);
  19             border: 20px solid orange;
  20         }
  21
  22         #layers {
  23             opacity: 0;
  24         }
  25     </style>
  26     <script>
  27     if (window.testRunner) {
  28         testRunner.dumpAsTextWithPixelResults();
  29         window.internals.settings.setPreferCompositingToLCDTextEnabled(true);
  30     }
  31
  32     function doTest()
  33     {
  34         window.scrollTo(0, 200);
  35
  36         if (window.internals)
  37             document.getElementById('layers').innerText = internals.layerTreeAsText(document, internals.LAYER_TREE_INCLUDES_ROOT_LAYER);
  38     }
  39
  40     window.addEventListener('load', doTest, false);
  41     </script>
  42 </head>
  43 <body>
  44
  45     <div class="test"></div>
  46 <pre id="layers"></pre>
  47 </body>
  48 </html>