block-negative-4a-dyn2.html (602B)
1 <!DOCTYPE html> 2 <html class="reftest-wait"> 3 <head> 4 <style type="text/css"> 5 html, body { 6 margin: 0; padding: 5px; 7 } 8 div { 9 height: 20px; 10 background-color: green; 11 } 12 #positive { 13 margin-top: 30px; 14 margin-bottom: 40px; 15 } 16 #negative { 17 margin-top: 0; 18 background-color: blue; 19 } 20 </style> 21 <script type="text/javascript"> 22 function test() { 23 document.getElementById('negative').style.marginTop = '-90px'; 24 document.documentElement.removeAttribute('class'); 25 } 26 document.addEventListener('MozReftestInvalidate', test); 27 </script> 28 </head> 29 <body> 30 <div id="positive"></div> 31 <div id="negative"></div> 32 </body> 33 </html>