background-clip-root.html (736B)
1 <!DOCTYPE html> 2 <html> 3 <!-- Submitted from TestTWF Paris --> 4 5 <head> 6 7 <title>CSS Backgrounds and Borders Test: background-clip on root</title> 8 <link rel="author" title="Lea Verou" href="http://lea.verou.me" /> 9 <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-clip" /> 10 <meta name="flags" content="image" /> 11 <meta name="assert" content="The root element has a different background painting area, and thus the 'background-clip' property has no effect when specified on it." /> 12 <style> 13 14 html { 15 padding: 20px; 16 background: url('support/1x1-green.png'), red; 17 background-clip: content-box, border-box; 18 } 19 20 </style> 21 22 </head> 23 <body> 24 25 <p>Test passes if there is green and <strong>no red</strong>.</p> 26 27 </body> 28 </html>