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