layout/reftests/scrolling/fixed-table-1.html

   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
  34 <p><table>
  35   <tbody style="opacity:0.5; background:url(repeatable-diagonal-gradient.png) fixed;"><td>&nbsp;
  36 </table>
  37 <table>
  38   <tr style="opacity:0.5; background:url(repeatable-diagonal-gradient.png) fixed;"><td>&nbsp;
  39 </table>
  40 <table>
  41   <td style="opacity:0.5; background:url(repeatable-diagonal-gradient.png) fixed;">&nbsp;
  42 </table>
  43 <p><table>
  44   <td>&nbsp;
  45   <caption style="opacity:0.5; background:url(repeatable-diagonal-gradient.png) fixed;">&nbsp;</caption>
  46 </table>
  47 </body>
  48 </html>