third_party/WebKit/LayoutTests/fast/overflow/overflow-with-local-background-attachment.html

   1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
   2 <html lang="en">
   3  <head>
   4   <title>Scrolling Backgrounds with Background Attachment Local</title>
   5   <style type="text/css">
   6    div {
   7      background: -30px -30px silver url(resources/smallcats.gif) local;
   8      border: 30px dotted;
   9      overflow: auto; height: 138px; width: 330px;
  10      white-space: pre; font-size: 16px;
  11    }
  12    ul { color: navy; }
  13   </style>
  14  </head>
  15  <body>
  16
  17   <ul>
  18    <li>You should not see the background under the border.</li>
  19    <li>As you scroll the element below the cats should move.</li>
  20    <li>The cats should be on a light grey background.</li>
  21   </ul>
  22
  23   <div>   1
  24    2
  25    3
  26    4
  27    5
  28    6
  29    7
  30    8
  31    9
  32   10
  33   11
  34   12
  35   13
  36   14
  37   15
  38   16
  39   17
  40   18
  41   19
  42   20  </div>
  43  </body>
  44 </html>