background-012

Background with (image attachment)

WeasyPrint

This browser

Flags
image, interact
Assertion
Background with (image attachment) sets the background to the image specified, tiling it to cover the full area, and the background scrolls with the box.

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 (image attachment)</title>
 5         <link rel="author" title="Microsoft" href="http://www.microsoft.com/">
 6         <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background">
 7         <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties">
 8         <meta name="flags" content="image interact">
 9         <meta name="assert" content="Background with (image attachment) sets the background to the image specified, tiling it to cover the full area, and the background scrolls with the box.">
10         <style type="text/css">
11             #div1
12             {
13                 height: 200px;
14                 overflow: scroll;
15                 width: 200px;
16             }
17             div div
18             {
19                 background: url("support/cat.png") scroll;
20                 height: 400px;
21                 width: 400px;
22             }
23         </style>
24     </head>
25     <body>
26         <p>Test passes if the box below has a cat image tiled throughout, and when scrolling the box the cat images scroll.</p>
27         <div id="div1">
28             <div></div>
29         </div>
30     </body>
31 </html>