<!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>