mozilla-central/testing/web-platform/tests/css/css-backgrounds/background-attachment-local-scrolling.htm

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>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<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>