fixed-table-1.html (1531B)
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> 11 </table> 12 <table> 13 <tbody style="background:url(repeatable-diagonal-gradient.png) fixed;"><td> 14 </table> 15 <table> 16 <tr style="background:url(repeatable-diagonal-gradient.png) fixed;"><td> 17 </table> 18 <table> 19 <td style="background:url(repeatable-diagonal-gradient.png) fixed;"> 20 </table> 21 <p><table> 22 <colgroup style="background:url(repeatable-diagonal-gradient.png) fixed;"></colgroup> 23 <td> 24 </table> 25 <table> 26 <col style="background:url(repeatable-diagonal-gradient.png) fixed;"></col> 27 <td> 28 </table> 29 <table> 30 <td> 31 <caption style="background:url(repeatable-diagonal-gradient.png) fixed;"> </caption> 32 </table> 33 34 <p><table> 35 <tbody style="opacity:0.5; background:url(repeatable-diagonal-gradient.png) fixed;"><td> 36 </table> 37 <table> 38 <tr style="opacity:0.5; background:url(repeatable-diagonal-gradient.png) fixed;"><td> 39 </table> 40 <table> 41 <td style="opacity:0.5; background:url(repeatable-diagonal-gradient.png) fixed;"> 42 </table> 43 <p><table> 44 <td> 45 <caption style="opacity:0.5; background:url(repeatable-diagonal-gradient.png) fixed;"> </caption> 46 </table> 47 </body> 48 </html>