composited-table-cell-container-background.html 757 B

1234567891011121314151617181920
  1. <!DOCTYPE html>
  2. <script src="../../../resources/run-after-layout-and-paint.js"></script>
  3. <script>
  4. onload = function() {
  5. runAfterLayoutAndPaint(function() {
  6. document.getElementById('row1').style.backgroundColor = 'green';
  7. document.getElementById('row2').style.backgroundColor = 'green';
  8. }, true);
  9. };
  10. </script>
  11. Tests repaint of composited table cells when their containers change background.
  12. Passes if there are two green table cells.
  13. <table>
  14. <tr id="row1" style="backface-visibility: hidden; background-color: red">
  15. <td style="backface-visibility: hidden; width: 100px; height: 50px"></td>
  16. </tr>
  17. <tr id="row2" style="background-color: red">
  18. <td style="backface-visibility: hidden; width: 100px; height: 50px"></td>
  19. </tr>
  20. </table>