third_party/WebKit/LayoutTests/compositing/fixed-background-negative-z-index-fixed.html

   1 <!DOCTYPE html>
   2
   3 <html>
   4 <head>
   5     <style>
   6         body {
   7             height: 2000px;
   8             background-image: url('resources/simple_image.png');
   9             background-size: 200px 200px;
  10             background-attachment: fixed;
  11             overflow: hidden; /* hide scrollbar */
  12         }
  13         .fixed {
  14             position: fixed;
  15             z-index: -1;
  16             top: 50px;
  17             left: 50px;
  18             width: 200px;
  19             height: 200px;
  20             background-color: silver;
  21         }
  22     </style>
  23     <script>
  24     if (window.testRunner) {
  25         testRunner.waitUntilDone();
  26         window.internals.settings.setPreferCompositingToLCDTextEnabled(true);
  27     }
  28
  29     function doTest()
  30     {
  31         window.scrollTo(0, 223);
  32         if (window.testRunner)
  33             testRunner.notifyDone();
  34     }
  35
  36     window.addEventListener('load', doTest, false);
  37     </script>
  38 </head>
  39 <body>
  40
  41     <div class="fixed box"></div>
  42
  43 </body>
  44 </html>