background-root-018-ref.xht (1155B)
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 2 3 <html xmlns="http://www.w3.org/1999/xhtml"> 4 5 <head> 6 7 <title>CSS Reftest Reference</title> 8 <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> 9 10 <style type="text/css"> 11 html, body {height: 100%;} 12 13 body 14 { 15 margin: 0px; 16 overflow: hidden; 17 } 18 19 div#grand-parent 20 { 21 background: url("support/cat.png") 21px 21px; 22 height: 100%; 23 padding: 1em; 24 } 25 26 div#parent 27 { 28 border: blue solid 5px; 29 padding: 2em; 30 } 31 32 div#child 33 { 34 border: gray solid medium; 35 padding: 3em; 36 } 37 38 span 39 { 40 background-color: yellow; 41 font-size: larger; 42 } 43 </style> 44 45 </head> 46 47 <body> 48 49 <div id="grand-parent"> 50 <div id="parent"> 51 <div id="child"><span>There should be lots of cats in the background, covering the entire page, excluding the yellow background of this text, but <em>including the area outside the blue box</em>. One of the cats should start exactly inside the top left corner of the blue box (the HTML box).</span></div> 52 </div> 53 </div> 54 55 </body> 56 </html>