c535-bg-fixd-000.xht (5094B)
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 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"><![CDATA[ 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>