blob: c3f85d7a26a0e2032ad2e626cf946d64926a9785 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: Scrolling when 'background-attachment: local'</title>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-attachment" />
<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>
|
