table-row-opacity-dynamic-1.html 787 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. <!DOCTYPE HTML>
  2. <html class="reftest-wait">
  3. <title>Test for bug 1224253</title>
  4. <style>
  5. body { background: white; color: black }
  6. table {
  7. padding: 0;
  8. border-spacing: 0;
  9. border: none;
  10. width: 15em;
  11. }
  12. tr {
  13. background: rgba(0, 0, 255, 0.8);
  14. }
  15. td {
  16. border: none;
  17. }
  18. </style>
  19. <table>
  20. <tr><td>cell</td></tr>
  21. </table>
  22. <script>
  23. var tr = document.getElementsByTagName("tr")[0];
  24. document.addEventListener("MozReftestInvalidate", step1, false);
  25. function step1(event) {
  26. requestAnimationFrame(step2);
  27. }
  28. function step2(now) {
  29. tr.style.opacity = "0.8";
  30. setTimeout(step3, 0);
  31. }
  32. function step3() {
  33. tr.style.opacity = "0.8";
  34. setTimeout(step4, 0);
  35. }
  36. function step4() {
  37. tr.style.opacity = "0.8";
  38. document.documentElement.classList.remove("reftest-wait");
  39. }
  40. </script>