gecko-dev/layout/reftests/list-item/image-rendering-script.html

38 строки
1.4 KiB
HTML

<!DOCTYPE HTML>
<!--
Any copyright is dedicated to the Public Domain.
http://creativecommons.org/licenses/publicdomain/
-->
<html reftest-zoom="2" class="reftest-wait">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>test list-style-image image-rendering script change</title>
<style type="text/css">
div {
display: list-item;
list-style-image: url(data:image/gif;base64,R0lGODlhHAAcAMQAAAAAAP///8DP/8bU/8zZ/9Le/9jj/97o/+Tt/Ory9vD48PX96vv/5P//wP//xv//zP//0v//2P//3v///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAABMALAAAAAAcABwAAAWNYCOOZGmeaKquYxSxcGMY8RoJwlujBk7vphsuByz1hr9iQzgkFiHHpkGXekQWCgOhyR0ODAiFhOoodM9oQcExKqffajbJDe+uT/Q67o7Kw/kpfmiAKkxpEjELdQoxCXUHMVFpBTEDXARmXDAOTQQMIgxbQ1QpQgMKciOhOJ8rC6epJq+MNrF9iEq5ug0hADs=);
height: 50px;
border: 1px solid black;
list-style-position: inside;
image-rendering: auto;
}
</style>
<script type="text/javascript">
document.addEventListener("MozReftestInvalidate", updateImageRendering);
function updateImageRendering() {
var div = document.getElementById("d1");
div.style.imageRendering = '-moz-crisp-edges';
document.documentElement.removeAttribute("class");
}
</script>
</head>
<body>
<div id="d1">
</div>
</body>
</html>