c535-bg-fixd-000

background-attachment

WeasyPrint

This browser

Flags
image, interact, scroll

Source

  1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  2 <html>
  3  <head>
  4   <title>CSS Test: background-attachment</title>
  5   <meta name="flags" content="image interact scroll">
  6   <link rel="help" href="http://www.w3.org/TR/REC-CSS1#background-attachment">
  7   <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html">
  8   <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch">
  9   <style type="text/css">
 10    html {background-image: url(support/swatch-blue.png); background-repeat: repeat-x; background-attachment: fixed;}
 11    div { color: silver; }
 12   </style>
 13   <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" title="14.2.1 Background properties: 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position', and 'background'">
 14  </head>
 15  <body>
 16   <div>Dummy text.</div>
 17   <div>Dummy text.</div>
 18   <div>Dummy text.</div>
 19   <p>Scroll this document. A line of blue should remain stuck at the
 20   top of the viewport the whole time.</p>
 21   <div>Dummy text.</div>
 22   <div>Dummy text.</div>
 23   <div>Dummy text.</div>
 24   <div>Dummy text.</div>
 25   <div>Dummy text.</div>
 26   <div>Dummy text.</div>
 27   <div>Dummy text.</div>
 28   <div>Dummy text.</div>
 29   <div>Dummy text.</div>
 30   <div>Dummy text.</div>
 31   <div>Dummy text.</div>
 32   <div>Dummy text.</div>
 33   <div>Dummy text.</div>
 34   <div>Dummy text.</div>
 35   <div>Dummy text.</div>
 36   <div>Dummy text.</div>
 37   <div>Dummy text.</div>
 38   <div>Dummy text.</div>
 39   <div>Dummy text.</div>
 40   <div>Dummy text.</div>
 41   <div>Dummy text.</div>
 42   <div>Dummy text.</div>
 43   <div>Dummy text.</div>
 44   <div>Dummy text.</div>
 45   <div>Dummy text.</div>
 46   <div>Dummy text.</div>
 47   <div>Dummy text.</div>
 48   <div>Dummy text.</div>
 49   <div>Dummy text.</div>
 50   <div>Dummy text.</div>
 51   <div>Dummy text.</div>
 52   <div>Dummy text.</div>
 53   <div>Dummy text.</div>
 54   <div>Dummy text.</div>
 55   <div>Dummy text.</div>
 56   <div>Dummy text.</div>
 57   <div>Dummy text.</div>
 58   <div>Dummy text.</div>
 59   <div>Dummy text.</div>
 60   <div>Dummy text.</div>
 61   <div>Dummy text.</div>
 62   <div>Dummy text.</div>
 63   <div>Dummy text.</div>
 64   <div>Dummy text.</div>
 65   <div>Dummy text.</div>
 66   <div>Dummy text.</div>
 67   <div>Dummy text.</div>
 68   <div>Dummy text.</div>
 69   <div>Dummy text.</div>
 70   <div>Dummy text.</div>
 71   <div>Dummy text.</div>
 72   <div>Dummy text.</div>
 73   <div>Dummy text.</div>
 74   <div>Dummy text.</div>
 75   <div>Dummy text.</div>
 76   <div>Dummy text.</div>
 77   <div>Dummy text.</div>
 78   <div>Dummy text.</div>
 79   <div>Dummy text.</div>
 80   <div>Dummy text.</div>
 81   <div>Dummy text.</div>
 82   <div>Dummy text.</div>
 83   <div>Dummy text.</div>
 84   <div>Dummy text.</div>
 85   <div>Dummy text.</div>
 86   <div>Dummy text.</div>
 87   <div>Dummy text.</div>
 88   <div>Dummy text.</div>
 89   <div>Dummy text.</div>
 90   <div>Dummy text.</div>
 91   <div>Dummy text.</div>
 92   <div>Dummy text.</div>
 93   <div>Dummy text.</div>
 94   <div>Dummy text.</div>
 95   <div>Dummy text.</div>
 96   <div>Dummy text.</div>
 97   <div>Dummy text.</div>
 98   <div>Dummy text.</div>
 99   <div>Dummy text.</div>
100   <div>Dummy text.</div>
101   <div>Dummy text.</div>
102   <div>Dummy text.</div>
103   <div>Dummy text.</div>
104   <div>Dummy text.</div>
105   <div>Dummy text.</div>
106   <div>Dummy text.</div>
107   <div>Dummy text.</div>
108   <div>Dummy text.</div>
109   <div>Dummy text.</div>
110   <div>Dummy text.</div>
111   <div>Dummy text.</div>
112   <div>Dummy text.</div>
113   <div>Dummy text.</div>
114   <div>Dummy text.</div>
115   <div>Dummy text.</div>
116   <div>Dummy text.</div>
117   <div>Dummy text.</div>
118   <div>Dummy text.</div>
119   <div>Dummy text.</div>
120   <div>Dummy text.</div>
121   <div>Dummy text.</div>
122   <div>Dummy text.</div>
123   <div>Dummy text.</div>
124   <div>Dummy text.</div>
125   <div>Dummy text.</div>
126   <div>Dummy text.</div>
127   <div>Dummy text.</div>
128   <div>Dummy text.</div>
129   <div>Dummy text.</div>
130   <div>Dummy text.</div>
131   <div>Dummy text.</div>
132   <div>Dummy text.</div>
133   <div>Dummy text.</div>
134   <div>Dummy text.</div>
135   <div>Dummy text.</div>
136   <div>Dummy text.</div>
137   <div>Dummy text.</div>
138   <div>Dummy text.</div>
139   <div>Dummy text.</div>
140   <div>Dummy text.</div>
141   <div>Dummy text.</div>
142   <div>Dummy text.</div>
143   <div>Dummy text.</div>
144   <div>Dummy text.</div>
145   <div>Dummy text.</div>
146   <div>Dummy text.</div>
147   <div>Dummy text.</div>
148   <div>Dummy text.</div>
149   <div>Dummy text.</div>
150   <div>Dummy text.</div>
151   <div>Dummy text.</div>
152   <div>Dummy text.</div>
153   <div>Dummy text.</div>
154   <div>Dummy text.</div>
155   <div>Dummy text.</div>
156   <div>Dummy text.</div>
157   <div>Dummy text.</div>
158   <div>Dummy text.</div>
159   <div>Dummy text.</div>
160   <div>Dummy text.</div>
161   <div>Dummy text.</div>
162   <div>Dummy text.</div>
163   <div>Dummy text.</div>
164   <div>Dummy text.</div>
165   <div>Dummy text.</div>
166   <div>Dummy text.</div>
167   <div>Dummy text.</div>
168   <div>Dummy text.</div>
169   <div>Dummy text.</div>
170   <div>Dummy text.</div>
171   <div>Dummy text.</div>
172   <div>Dummy text.</div>
173   <div>Dummy text.</div>
174   <div>Dummy text.</div>
175   <div>Dummy text.</div>
176   <div>Dummy text.</div>
177  </body>
178 </html>