third_party/WebKit/LayoutTests/compositing/backgrounds/fixed-background-on-descendant-expected.html

   1 <!DOCTYPE html>
   2 <style>
   3     body {
   4         height: 2000px;
   5         width: 2000px;
   6         overflow: hidden;
   7     }
   8
   9     .box {
  10         width: 300px;
  11         height: 300px;
  12         margin: 20px;
  13         position: relative;
  14     }
  15
  16     body > .box {
  17         border: 1px solid black;
  18         float: left;
  19     }
  20     .child {
  21         position: absolute;
  22         top: 50px;
  23         left: 50px;
  24         height: 200px;
  25         width: 200px;
  26         margin-left: 10px;
  27         background-image: url('../resources/alpha-blocks.png');
  28         background-size: 500px 300px;
  29         background-repeat: no-repeat;
  30         background-attachment: fixed;
  31         border: 4px solid gray;
  32     }
  33 </style>
  34 <script>
  35     function doTest()
  36     {
  37         window.scrollTo(35, 45);
  38     }
  39     window.addEventListener('load', doTest, false);
  40 </script>
  41 <div class="box">
  42     <div class="child box"></div>
  43 </div>
  44
  45 <div class="box">
  46     <div class="child box"></div>
  47 </div>