background-019

Background with (attachment image)

WeasyPrint

This browser

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