fixed-table-1.html 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. <!-- This needs to be quirks mode -->
  2. <html>
  3. <style>
  4. table { display:inline-table; caption-side:bottom; border-collapse:collapse; border:2px solid black; }
  5. td { width:100px; height:100px; }
  6. </style>
  7. <body style="height:2000px; overflow:hidden" class="scrollTop">
  8. <script src="scrolling.js"></script>
  9. <p><table style="background:url(repeatable-diagonal-gradient.png) fixed;">
  10. <td>&nbsp;
  11. </table>
  12. <table>
  13. <tbody style="background:url(repeatable-diagonal-gradient.png) fixed;"><td>&nbsp;
  14. </table>
  15. <table>
  16. <tr style="background:url(repeatable-diagonal-gradient.png) fixed;"><td>&nbsp;
  17. </table>
  18. <table>
  19. <td style="background:url(repeatable-diagonal-gradient.png) fixed;">&nbsp;
  20. </table>
  21. <p><table>
  22. <colgroup style="background:url(repeatable-diagonal-gradient.png) fixed;"></colgroup>
  23. <td>&nbsp;
  24. </table>
  25. <table>
  26. <col style="background:url(repeatable-diagonal-gradient.png) fixed;"></col>
  27. <td>&nbsp;
  28. </table>
  29. <table>
  30. <td>&nbsp;
  31. <caption style="background:url(repeatable-diagonal-gradient.png) fixed;">&nbsp;</caption>
  32. </table>
  33. <p><table>
  34. <tbody style="opacity:0.5; background:url(repeatable-diagonal-gradient.png) fixed;"><td>&nbsp;
  35. </table>
  36. <table>
  37. <tr style="opacity:0.5; background:url(repeatable-diagonal-gradient.png) fixed;"><td>&nbsp;
  38. </table>
  39. <table>
  40. <td style="opacity:0.5; background:url(repeatable-diagonal-gradient.png) fixed;">&nbsp;
  41. </table>
  42. <p><table>
  43. <td>&nbsp;
  44. <caption style="opacity:0.5; background:url(repeatable-diagonal-gradient.png) fixed;">&nbsp;</caption>
  45. </table>
  46. </body>
  47. </html>