background-006

Background with (color image)

WeasyPrint

Reference (good) by WeasyPrint

Reference (good) by this browser

This browser

Flags
image
Assertion
Background with (color image) sets the background of the element to the color specified (not shown) and places the image in its initial position.

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 with (color image)</title>
 5         <link rel="author" title="Microsoft" href="http://www.microsoft.com/">
 6         <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2012-03-14 -->
 7         <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background">
 8         <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties">
 9 		<link rel="help" href="http://www.w3.org/TR/css3-background/#background-image">
10         <link rel="match" href="reference/background-001-ref.htm">
11 
12         <meta name="flags" content="image">
13         <meta name="assert" content="Background with (color image) sets the background of the element to the color specified (not shown) and places the image in its initial position.">
14         <style type="text/css">
15             div
16             {
17                 background: red url("support/green_box.png");
18                 height: 50px;
19             }
20         </style>
21     </head>
22     <body>
23         <p>Test passes if there is a filled green rectangle across the page.</p>
24         <div></div>
25     </body>
26 </html>