summaryrefslogtreecommitdiffstats
path: root/third_party/WebKit/LayoutTests/fast/overflow/overflow-with-local-background-attachment.html
blob: 25673c10288db7509ca94723f127ade60833d369 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<html lang="en">
 <head>
  <title>Scrolling Backgrounds with Background Attachment Local</title>
  <style type="text/css">
   div {
     background: -30px -30px silver url(resources/smallcats.gif) local;
     border: 30px dotted;
     overflow: auto; height: 138px; width: 330px;
     white-space: pre; font-size: 16px;
   }
   ul { color: navy; }
  </style>
 </head>
 <body>

  <ul>
   <li>You should not see the background under the border.</li>
   <li>As you scroll the element below the cats should move.</li>
   <li>The cats should be on a light grey background.</li>
  </ul>

  <div>   1
   2
   3
   4
   5
   6
   7
   8
   9
  10
  11
  12
  13
  14
  15
  16
  17
  18
  19
  20  </div>
 </body>
</html>