background-root-015

Background propagation on and - double positioning

WeasyPrint

This browser

Source

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
 2 <html>
 3 <head>
 4 <title>CSS Test: Background propagation on &lt;body&gt; and &lt;html&gt; - double positioning</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/12.html" type="text/html">
 7   <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background">
 8 <style type="text/css">
 9    body { border: solid lime; background: white url(support/square-purple.png) no-repeat top center; color: black; }
10    html { border: solid blue; background: white url(support/square-teal.png) no-repeat top center; color: black; }
11    :link, :visited { color: inherit; background: transparent; }
12    * { margin: 1em; padding: 1em; }
13    html, body { padding-top: 70px; }
14 </style>
15 
16 </head>
17 <body>
18 <p>Centered just inside the top of the green-bordered box there should be a
19   purple square, and centered just inside the top of the blue-bordered box
20   there should be a teal square.</p>
21 
22 
23 </body>
24 </html>