mirror of
https://github.com/servo/servo.git
synced 2025-06-25 09:34:32 +01:00
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.
24 lines
573 B
HTML
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>
|