579323-1.html (871B)
1 <!DOCTYPE HTML> 2 <html class="reftest-wait"> 3 <head> 4 <style> 5 body { 6 margin: 0; 7 display: flex; 8 width: 400px; 9 } 10 canvas { 11 flex: 1; 12 opacity: 0.999; 13 border: 1px solid black; 14 } 15 .censor { 16 position: absolute; 17 width: 1px; 18 height: 1px; 19 background: cyan; 20 } 21 </style> 22 </head> 23 <body> 24 <canvas id="c" width="100" height="100"></canvas> 25 <script> 26 var ctx = document.getElementById("c").getContext('2d'); 27 ctx.fillStyle = "lime"; 28 ctx.fillRect(0, 0, 100, 100); 29 function doTest() { 30 document.body.style.width = "502px"; 31 document.documentElement.removeAttribute("class"); 32 } 33 window.addEventListener("MozReftestInvalidate", doTest); 34 </script> 35 <div class="censor" style="left:0; top:0;"></div> 36 <div class="censor" style="left:501px; top:0;"></div> 37 <div class="censor" style="left:0; top:101px;"></div> 38 <div class="censor" style="left:501px; top:101px;"></div> 39 </body> 40 </html>