background-bg-pos-207.xht (6872B)
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <title>CSS Test: Background Position: bottom right and the scrolling viewport (fixed)</title> 5 <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> 6 <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/bg-pos-5.html" type="text/html"/> 7 <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/bg-pos-5-bigger.html" type="text/html"/> 8 <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background"/> 9 <meta name="flags" content="interact"/> 10 <style type="text/css"> 11 html { background: bottom right url(support/square-purple.png) fixed white no-repeat; color: black; } 12 html, body { margin: 0; border: 0; padding: 0; } 13 p { margin-bottom: 2em; } 14 pre { line-height: 3em; letter-spacing: 3em; color: silver; white-space: normal; margin: -5em; } 15 </style> 16 17 </head> 18 <body> 19 <p>There should be a single purple square at the bottom right of the 20 viewport. The square should always be completely visible, regardless 21 of where you scroll the viewport. It should not be covered by the 22 scrollbars, if any.</p> 23 24 <pre>this is filler text this is filler text this is filler text this 25 is filler text this is filler text this is filler text this is filler 26 text this is filler text this is filler text this is filler text this 27 is filler text this is filler text this is filler text this is filler 28 text this is filler text this is filler text this is filler text this 29 is filler text this is filler text this is filler text this is filler 30 text this is filler text this is filler text this is filler text this 31 is filler text this is filler text this is filler text this is filler 32 text this is filler text this is filler text this is filler text this 33 is filler text this is filler text this is filler text this is filler 34 text this is filler text this is filler text this is filler text this 35 is filler text this is filler text this is filler text this is filler 36 text this is filler text this is filler text this is filler text this 37 is filler text this is filler text this is filler text this is filler 38 text this is filler text this is filler text this is filler text this 39 is filler text this is filler text this is filler text this is filler 40 text this is filler text this is filler text this is filler text this 41 is filler text this is filler text this is filler text this is filler 42 text this is filler text this is filler text this is filler text this 43 is filler text this is filler text this is filler text this is filler 44 text this is filler text this is filler text this is filler text this 45 is filler text this is filler text this is filler text this is filler 46 text this is filler text this is filler text this is filler text this 47 is filler text this is filler text this is filler text this is filler 48 text this is filler text this is filler text this is filler text this 49 is filler text this is filler text this is filler text this is filler 50 text this is filler text this is filler text this is filler text this 51 is filler text this is filler text this is filler text this is filler 52 text this is filler text this is filler text this is filler text this 53 is filler text this is filler text this is filler text this is filler 54 text this is filler text this is filler text this is filler text this 55 is filler text this is filler text this is filler text this is filler 56 text this is filler text this is filler text this is filler text this 57 is filler text this is filler text this is filler text this is filler 58 text this is filler text this is filler text this is filler text this 59 is filler text this is filler text this is filler text this is filler 60 text this is filler text this is filler text this is filler text this 61 is filler text this is filler text this is filler text this is filler 62 text this is filler text this is filler text this is filler text this 63 is filler text this is filler text this is filler text this is filler 64 text this is filler text this is filler text this is filler text this 65 is filler text this is filler text this is filler text this is filler 66 text this is filler text this is filler text this is filler text this 67 is filler text this is filler text this is filler text this is filler 68 text this is filler text this is filler text this is filler text this 69 is filler text this is filler text this is filler text this is filler 70 text this is filler text this is filler text this is filler text this 71 is filler text this is filler text this is filler text this is filler 72 text this is filler text this is filler text this is filler text this 73 is filler text this is filler text this is filler text this is filler 74 text this is filler text this is filler text this is filler text this 75 is filler text this is filler text this is filler text this is filler 76 text this is filler text this is filler text this is filler text this 77 is filler text this is filler text this is filler text this is filler 78 text this is filler text this is filler text this is filler text this 79 is filler text this is filler text this is filler text this is filler 80 text this is filler text this is filler text this is filler text this 81 is filler text this is filler text this is filler text this is filler 82 text this is filler text this is filler text this is filler text this 83 is filler text this is filler text this is filler text this is filler 84 text this is filler text this is filler text this is filler text this 85 is filler text this is filler text this is filler text this is filler 86 text this is filler text this is filler text this is filler text this 87 is filler text this is filler text this is filler text this is filler 88 text this is filler text this is filler text this is filler text this 89 is filler text this is filler text this is filler text this is filler 90 text this is filler text this is filler text this is filler text this 91 is filler text this is filler text this is filler text this is filler 92 text this is filler text this is filler text this is filler text this 93 is filler text this is filler text this is filler text this is filler 94 text this is filler text this is filler text this is filler text this 95 is filler text this is filler text this is filler text this is filler 96 text this is filler text this is filler text this is filler text this 97 is filler text this is filler text this is filler text this is filler 98 text this is filler text this is filler text this is filler text this 99 is filler text this is filler text this is filler text this is filler 100 text this is filler text this is filler text this is filler text this 101 is filler text this is filler text this is filler text this is filler 102 text this is filler text this is filler text this is filler text this 103 is filler text this is filler text this is filler text this is filler 104 text<p></p> 105 </pre></body> 106 </html>