image-rendering-script.html (1409B)
1 <!DOCTYPE HTML> 2 <!-- 3 Any copyright is dedicated to the Public Domain. 4 http://creativecommons.org/licenses/publicdomain/ 5 --> 6 <html reftest-zoom="2" class="reftest-wait"> 7 <head> 8 <meta http-equiv="content-type" content="text/html; charset=UTF-8"> 9 <title>test list-style-image image-rendering script change</title> 10 <style type="text/css"> 11 div { 12 display: list-item; 13 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=); 14 height: 50px; 15 border: 1px solid black; 16 list-style-position: inside; 17 18 image-rendering: auto; 19 } 20 </style> 21 <script type="text/javascript"> 22 document.addEventListener("MozReftestInvalidate", updateImageRendering); 23 24 function updateImageRendering() { 25 var div = document.getElementById("d1"); 26 div.style.imageRendering = '-moz-crisp-edges'; 27 document.documentElement.removeAttribute("class"); 28 } 29 </script> 30 </head> 31 32 <body> 33 <div id="d1"> 34 </div> 35 </body> 36 37 </html>