testing/web-platform/tests/css/CSS2/backgrounds/background-bg-pos-207.xht


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
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: Background Position: bottom right and the scrolling viewport (fixed)</title>
  <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
  <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/bg-pos-5.html" type="text/html"/>
  <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/bg-pos-5-bigger.html" type="text/html"/>
  <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background"/>
  <meta name="flags" content="interact"/>
<style type="text/css">
   html { background: bottom right url(support/square-purple.png) fixed white no-repeat; color: black; }
   html, body { margin: 0; border: 0; padding: 0; }
   p { margin-bottom: 2em; }
   pre { line-height: 3em; letter-spacing: 3em; color: silver; white-space: normal; margin: -5em; }
</style>

</head>
<body>
<p>There should be a single purple square at the bottom right of the
viewport. The square should always be completely visible, regardless
of where you scroll the viewport. It should not be covered by the
scrollbars, if any.</p>

<pre>this is filler text this is filler text this is filler text this
is filler text this is filler text this is filler text this is filler
text this is filler text this is filler text this is filler text this
is filler text this is filler text this is filler text this is filler
text this is filler text this is filler text this is filler text this
is filler text this is filler text this is filler text this is filler
text this is filler text this is filler text this is filler text this
is filler text this is filler text this is filler text this is filler
text this is filler text this is filler text this is filler text this
is filler text this is filler text this is filler text this is filler
text this is filler text this is filler text this is filler text this
is filler text this is filler text this is filler text this is filler
text this is filler text this is filler text this is filler text this
is filler text this is filler text this is filler text this is filler
text this is filler text this is filler text this is filler text this
is filler text this is filler text this is filler text this is filler
text this is filler text this is filler text this is filler text this
is filler text this is filler text this is filler text this is filler
text this is filler text this is filler text this is filler text this
is filler text this is filler text this is filler text this is filler
text this is filler text this is filler text this is filler text this
is filler text this is filler text this is filler text this is filler
text this is filler text this is filler text this is filler text this
is filler text this is filler text this is filler text this is filler
text this is filler text this is filler text this is filler text this
is filler text this is filler text this is filler text this is filler
text this is filler text this is filler text this is filler text this
is filler text this is filler text this is filler text this is filler
text this is filler text this is filler text this is filler text this
is filler text this is filler text this is filler text this is filler
text this is filler text this is filler text this is filler text this
is filler text this is filler text this is filler text this is filler
text this is filler text this is filler text this is filler text this
is filler text this is filler text this is filler text this is filler
text this is filler text this is filler text this is filler text this
is filler text this is filler text this is filler text this is filler
text this is filler text this is filler text this is filler text this
is filler text this is filler text this is filler text this is filler
text this is filler text this is filler text this is filler text this
is filler text this is filler text this is filler text this is filler
text this is filler text this is filler text this is filler text this
is filler text this is filler text this is filler text this is filler
text this is filler text this is filler text this is filler text this
is filler text this is filler text this is filler text this is filler
text this is filler text this is filler text this is filler text this
is filler text this is filler text this is filler text this is filler
text this is filler text this is filler text this is filler text this
is filler text this is filler text this is filler text this is filler
text this is filler text this is filler text this is filler text this
is filler text this is filler text this is filler text this is filler
text this is filler text this is filler text this is filler text this
is filler text this is filler text this is filler text this is filler
text this is filler text this is filler text this is filler text this
is filler text this is filler text this is filler text this is filler
text this is filler text this is filler text this is filler text this
is filler text this is filler text this is filler text this is filler
text this is filler text this is filler text this is filler text this
is filler text this is filler text this is filler text this is filler
text this is filler text this is filler text this is filler text this
is filler text this is filler text this is filler text this is filler
text this is filler text this is filler text this is filler text this
is filler text this is filler text this is filler text this is filler
text this is filler text this is filler text this is filler text this
is filler text this is filler text this is filler text this is filler
text this is filler text this is filler text this is filler text this
is filler text this is filler text this is filler text this is filler
text this is filler text this is filler text this is filler text this
is filler text this is filler text this is filler text this is filler
text this is filler text this is filler text this is filler text this
is filler text this is filler text this is filler text this is filler
text this is filler text this is filler text this is filler text this
is filler text this is filler text this is filler text this is filler
text this is filler text this is filler text this is filler text this
is filler text this is filler text this is filler text this is filler
text this is filler text this is filler text this is filler text this
is filler text this is filler text this is filler text this is filler
text this is filler text this is filler text this is filler text this
is filler text this is filler text this is filler text this is filler
text this is filler text this is filler text this is filler text this
is filler text this is filler text this is filler text this is filler
text<p></p>
</pre></body>
</html>