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


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48

<!-- This needs to be quirks mode -->
<html>
<style>
table { display:inline-table; caption-side:bottom; border-collapse:collapse; border:2px solid black; }
td { width:100px; height:100px; }
</style>
<body style="height:2000px; overflow:hidden" class="scrollTop">
<script src="scrolling.js"></script>
<p><table style="background:url(repeatable-diagonal-gradient.png) fixed;">
  <td>&nbsp;
</table>
<table>
  <tbody style="background:url(repeatable-diagonal-gradient.png) fixed;"><td>&nbsp;
</table>
<table>
  <tr style="background:url(repeatable-diagonal-gradient.png) fixed;"><td>&nbsp;
</table>
<table>
  <td style="background:url(repeatable-diagonal-gradient.png) fixed;">&nbsp;
</table>
<p><table>
  <colgroup style="background:url(repeatable-diagonal-gradient.png) fixed;"></colgroup>
  <td>&nbsp;
</table>
<table>
  <col style="background:url(repeatable-diagonal-gradient.png) fixed;"></col>
  <td>&nbsp;
</table>
<table>
  <td>&nbsp;
  <caption style="background:url(repeatable-diagonal-gradient.png) fixed;">&nbsp;</caption>
</table>

<p><table>
  <tbody style="opacity:0.5; background:url(repeatable-diagonal-gradient.png) fixed;"><td>&nbsp;
</table>
<table>
  <tr style="opacity:0.5; background:url(repeatable-diagonal-gradient.png) fixed;"><td>&nbsp;
</table>
<table>
  <td style="opacity:0.5; background:url(repeatable-diagonal-gradient.png) fixed;">&nbsp;
</table>
<p><table>
  <td>&nbsp;
  <caption style="opacity:0.5; background:url(repeatable-diagonal-gradient.png) fixed;">&nbsp;</caption>
</table>
</body>
</html>