background-039

Background with (image color attachment)

WeasyPrint

This browser

Flags
image, interact
Assertion
Background with (image color attachment) sets the background to the image specified, repeated, and the image does not 'scroll' within 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 color 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 color attachment)  sets the background to the image specified, repeated, and the image does not 'scroll' within the box.">
10         <style type="text/css">
11             #div1
12             {
13                 height: 200px;
14                 width: 200px;
15                 overflow: scroll;
16             }
17             div div
18             {
19                 background: url("support/cat.png") green fixed;
20                 height: 300px;
21                 width: 300px;
22             }
23         </style>
24     </head>
25     <body>
26         <p>Test passes if scrolling on the box below does not cause the cat image to move.</p>
27         <div id="div1">
28             <div></div>
29         </div>
30     </body>
31 </html>