servo/tests/ref/background_image_position_a.html
Glenn Watson 29c3819246 Partial fix for background images on wikipedia pages.
This fixes the visual artifacts seen at the top of wikipedia pages by:
 - Setting clipping rect to avoid images going outside their bounds.
 - Handling case of background-position being >= 100% such that wrapping is required.

However, the gradient is not currently visible on wikipedia. This relies on bug #1997 being fixed.
2014-09-11 16:25:04 +10:00

24 lines
573 B
HTML

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
@font-face {
font-family: 'ahem';
src: url(fonts/ahem/ahem.ttf);
}
body {
font-family: 'ahem';
margin: 0;
}
span {
background-image:url(line.png);
background-position:0% 100%;
font-size: 20px;
color: rgba(255, 255, 0, 0);
}
</style>
</head>
<body>
<span>X</span>
</body>
</html>