Source code
Revision control
Copy as Markdown
Other Tools
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<head>
<title>CSS Test: Background with (position attachment image)</title>
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-24 -->
<meta name="flags" content="image interact" />
<meta name="assert" content="Background with (position attachment image) sets the background to the image specified, the image is positioned at the bottom, and scrolls with the box." />
<style type="text/css">
#div1
{
height: 200px;
width: 200px;
overflow: scroll;
}
div div
{
background: bottom left scroll url("support/cat.png");
width: 400px;
height: 400px;
}
</style>
</head>
<body>
<p>Test passes if the box below is filled with cat images, and when the box is scrolled down, the cat images move. Also, the cat in the left bottom corner is not cut off.</p>
<div id="div1">
<div></div>
</div>
</body>
</html>