1
<!DOCTYPE HTML PUBLIC
"-//W3C//DTD HTML 4.01//EN">
4 <title>CSS
2.1 Test Suite: background
</title>
5 <script src=
"../resources/ahem.js"></script>
6 <style type=
"text/css">
7 html
{background: url
(support
/swatch-blue
.png
) repeat-x center top fixed
;}
8 div
{ font: 15px/1 Ahem
; background: red
; color: green
; width: 11em; margin: 0 0 0 2em; }
9 .dummy { color: silver
; }
10 .one {background: green url
(support
/swatch-red
.png
) repeat-y
100% 0%;}
11 .two {background: green url
(support
/swatch-red
.png
) repeat-y center top
;}
12 .three {background: green url
(support
/swatch-red
.png
) repeat-x left top
;}
14 <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'">
17 <p class=
"dummy">Dummy text.
</p>
18 <p class=
"dummy">Dummy text.
</p>
19 <p class=
"dummy">Dummy text.
</p>
20 <p>Scroll this document. A line of blue should remain stuck at the
21 top of the viewport the whole time, and there should be no red
22 below, just a block of green.
</p>
44 <p class=
"dummy">Dummy text.
</p>
45 <p class=
"dummy">Dummy text.
</p>
46 <p class=
"dummy">Dummy text.
</p>
47 <p class=
"dummy">Dummy text.
</p>
48 <p class=
"dummy">Dummy text.
</p>
49 <p class=
"dummy">Dummy text.
</p>
50 <p class=
"dummy">Dummy text.
</p>
51 <p class=
"dummy">Dummy text.
</p>
52 <p class=
"dummy">Dummy text.
</p>
53 <p class=
"dummy">Dummy text.
</p>
54 <p class=
"dummy">Dummy text.
</p>
55 <p class=
"dummy">Dummy text.
</p>
56 <p class=
"dummy">Dummy text.
</p>
57 <p class=
"dummy">Dummy text.
</p>
58 <p class=
"dummy">Dummy text.
</p>
59 <p class=
"dummy">Dummy text.
</p>
60 <p class=
"dummy">Dummy text.
</p>
61 <p class=
"dummy">Dummy text.
</p>
62 <p class=
"dummy">Dummy text.
</p>
63 <p class=
"dummy">Dummy text.
</p>
64 <p class=
"dummy">Dummy text.
</p>
65 <p class=
"dummy">Dummy text.
</p>
66 <p class=
"dummy">Dummy text.
</p>
67 <p class=
"dummy">Dummy text.
</p>
68 <p class=
"dummy">Dummy text.
</p>
69 <p class=
"dummy">Dummy text.
</p>
70 <p class=
"dummy">Dummy text.
</p>
71 <p class=
"dummy">Dummy text.
</p>
72 <p class=
"dummy">Dummy text.
</p>
73 <p class=
"dummy">Dummy text.
</p>
74 <p class=
"dummy">Dummy text.
</p>
75 <p class=
"dummy">Dummy text.
</p>
76 <p class=
"dummy">Dummy text.
</p>
77 <p class=
"dummy">Dummy text.
</p>
78 <p class=
"dummy">Dummy text.
</p>
79 <p class=
"dummy">Dummy text.
</p>
80 <p class=
"dummy">Dummy text.
</p>
81 <p class=
"dummy">Dummy text.
</p>
82 <p class=
"dummy">Dummy text.
</p>
83 <p class=
"dummy">Dummy text.
</p>
84 <p class=
"dummy">Dummy text.
</p>
85 <p class=
"dummy">Dummy text.
</p>
86 <p class=
"dummy">Dummy text.
</p>
87 <p class=
"dummy">Dummy text.
</p>
88 <p class=
"dummy">Dummy text.
</p>