mirror of
https://github.com/servo/servo.git
synced 2025-06-19 22:59:03 +01:00
6c9524b687
Also fixes calculation of background-position percentages: Rather than multiplying the container size by a percent and aligning the top left of the image at the resulting width, we also need to subtract a corresponding percent of the image size, per http://dev.w3.org/csswg/css2/colors.html#propdef-background-position "A value pair of '100% 100%' places the lower right corner of the image in the lower right corner of the padding box. With a value pair of '14% 84%', the point 14% across and 84% down the image is to be placed at the point 14% across and 84% down the padding box."
20 lines
334 B
HTML
20 lines
334 B
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>You see here a scroll labeled FOOBIE BLETCH.</title>
|
|
<style>
|
|
#foo {
|
|
background: url(400x400_green.png);
|
|
background-position: right top;
|
|
background-repeat: no-repeat;
|
|
width: 528px;
|
|
height: 400px;
|
|
margin-left: 0;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div id=foo></div>
|
|
</body>
|
|
</html>
|
|
|