mirror of
https://github.com/servo/servo
synced 2026-04-28 18:37:39 +02:00
41 lines
1.9 KiB
HTML
41 lines
1.9 KiB
HTML
<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
|
<title>CSS Test: Background with (attachment position image)</title>
|
|
<style type="text/css">
|
|
@page { font: italic 8pt sans-serif; color: gray;
|
|
margin: 7%;
|
|
counter-increment: page;
|
|
@top-left { content: "CSS 2.1 Conformance Test Suite"; }
|
|
@top-right { content: "Test background-072"; }
|
|
@bottom-right { content: counter(page); }
|
|
}
|
|
</style>
|
|
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
|
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-24 -->
|
|
<link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
|
|
<link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
|
|
<meta name="flags" content="image interact" />
|
|
<meta name="assert" content="Background with (attachment position 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;
|
|
overflow: scroll;
|
|
width: 200px;
|
|
}
|
|
div div
|
|
{
|
|
background: scroll bottom left 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> |