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: Scrolling when 'background-attachment: local'</title>
<meta name="assert" content="If 'background-attachment: local' the background scrolls along with the element's contents (the UA may treat 'background-clip: border-box' as the same as 'background-clip: padding-box')." />
<style type="text/css">
div
{
width: 2in;
height: 2in;
border: 50px double black;
background-image: url("../support/cat.png");
background-attachment: local;
overflow: scroll;
}
</style>
</head>
<body>
<p>Test passes if the images of all the cats scroll when the box is scrolled. (Presence of cats behind the double border is UA dependent). </p>
<div>Filler Text Filler Text
Filler Text Filler Text Filler Text
Filler Text Filler Text Filler Text
Filler Text Filler Text Filler Text
Filler Text Filler Text Filler Text
Filler Text Filler Text Filler Text
Filler Text Filler Text Filler Text
Filler Text Filler Text Filler Text
Filler Text Filler Text Filler Text
Filler Text Filler Text Filler Text
Filler Text Filler Text Filler Text
Filler Text Filler Text Filler Text
Filler Text Filler Text Filler Text
Filler Text Filler Text </div>
</body>
</html>