block-negative-4a-dyn2.html 609 B

12345678910111213141516171819202122232425262728293031323334
  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, false);
  27. </script>
  28. </head>
  29. <body>
  30. <div id="positive"></div>
  31. <div id="negative"></div>
  32. </body>
  33. </html>