|
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> |
|
2 <head> |
|
3 <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> |
|
4 <title>layers: opacity</title> |
|
5 <link rel="prev" href="backgr_layers-opacity.html" title="Special Tests: opacity"> |
|
6 <link rel="contents" href="./backgr_index.html" title="Table of Contents"> |
|
7 <link rel="stylesheet" type="text/css" href="common.css"> |
|
8 <style type="text/css"> |
|
9 table{background: white; color: black;} |
|
10 caption {color: white;} |
|
11 .tb-row-1, thead, .l {background: url(edge.gif) fixed;} |
|
12 .a, .p {background: url(rainbowv.gif) fixed; } |
|
13 </style> |
|
14 </head> |
|
15 <body> |
|
16 <h1>CSS2 Table Backgrounds Test Suite</h1> |
|
17 |
|
18 <h2>Part E: Special Tests</h2> |
|
19 |
|
20 <h3>Fixed Backgrounds</h3> |
|
21 |
|
22 <ul> |
|
23 <li>If you scroll the table over the top left corner of the viewport, the first, second, and fourth rows as well as cell L should reveal a purple and aqua band forming a 90-degree angle in the top left corner. |
|
24 <li>Cells A and P should have a rainbow background that seems attached to the viewport. |
|
25 </ul> |
|
26 |
|
27 <dl> |
|
28 <dt>previous |
|
29 <dd><a href="backgr_layers-opacity.html">Special Tests: opacity</a> |
|
30 <dt>contents |
|
31 <dd><a href="./backgr_index.html">Table of Contents</a> |
|
32 </dl> |
|
33 |
|
34 <table class="separate"> |
|
35 <caption>With 'border-collapse: separate'</caption> |
|
36 <colgroup class="colgroup-A"> |
|
37 <col class="col-1"> |
|
38 <col class="col-2"> |
|
39 <col class="col-3"> |
|
40 </colgroup> |
|
41 <colgroup class="colgroup-B"> |
|
42 <col class="col-4"> |
|
43 </colgroup> |
|
44 <thead> |
|
45 <tr class="th-row-1"> |
|
46 <th class="a">TH A</th> |
|
47 <th class="b">TH B</th> |
|
48 <th class="c"></th> |
|
49 <th class="d">TH D</th> |
|
50 </tr> |
|
51 </thead> |
|
52 <tfoot> |
|
53 <tr class="tb-row-1"> |
|
54 <td class="m" colspan=2>TD M</td> |
|
55 |
|
56 <td class="o">TD O</td> |
|
57 <td class="p">TD P</td> |
|
58 </tfoot> |
|
59 <tbody> |
|
60 <tr class="tb-row-1"> |
|
61 <td class="e" rowspan=2>TD E</td> |
|
62 <td class="f">TD F</td> |
|
63 <td class="g">TD G</td> |
|
64 <td class="h">TD H</td> |
|
65 </tr> |
|
66 <tr class="tb-row-2"> |
|
67 |
|
68 <td class="j">TD J</td> |
|
69 <td class="k">TD K</td> |
|
70 <td class="l">TD L</td> |
|
71 </tr> |
|
72 </tbody> |
|
73 </table> |
|
74 |
|
75 <table class="collapse"> |
|
76 <caption>With 'border-collapse: collapse'</caption> |
|
77 <colgroup class="colgroup-A"> |
|
78 <col class="col-1"> |
|
79 <col class="col-2"> |
|
80 <col class="col-3"> |
|
81 </colgroup> |
|
82 <colgroup class="colgroup-B"> |
|
83 <col class="col-4"> |
|
84 </colgroup> |
|
85 <thead> |
|
86 <tr class="th-row-1"> |
|
87 <th class="a">TH A</th> |
|
88 <th class="b">TH B</th> |
|
89 <th class="c"></th> |
|
90 <th class="d">TH D</th> |
|
91 </tr> |
|
92 </thead> |
|
93 <tfoot> |
|
94 <tr class="tb-row-1"> |
|
95 <td class="m" colspan=2>TD M</td> |
|
96 |
|
97 <td class="o">TD O</td> |
|
98 <td class="p">TD P</td> |
|
99 </tfoot> |
|
100 <tbody> |
|
101 <tr class="tb-row-1"> |
|
102 <td class="e" rowspan=2>TD E</td> |
|
103 <td class="f">TD F</td> |
|
104 <td class="g">TD G</td> |
|
105 <td class="h">TD H</td> |
|
106 </tr> |
|
107 <tr class="tb-row-2"> |
|
108 |
|
109 <td class="j">TD J</td> |
|
110 <td class="k">TD K</td> |
|
111 <td class="l">TD L</td> |
|
112 </tr> |
|
113 </tbody> |
|
114 </table> |
|
115 <div class="validity"> |
|
116 <a href="http://validator.w3.org/check/referer"><img |
|
117 src="valid-html401.png" height="31" width="88" |
|
118 alt="Valid HTML 4.01!"></a> |
|
119 </div> |
|
120 <address> |
|
121 CSS2 Table Backgrounds Test Suite designed and written by fantasai <fantasai@escape.com> |
|
122 </address> |
|
123 <pre> |
|
124 ................................................................................................................................................................................................ |
|
125 . |
|
126 . |
|
127 . |
|
128 . |
|
129 . |
|
130 . |
|
131 . |
|
132 . |
|
133 . |
|
134 . |
|
135 . |
|
136 . |
|
137 . |
|
138 . |
|
139 . |
|
140 . |
|
141 . |
|
142 . |
|
143 . |
|
144 . |
|
145 . |
|
146 . |
|
147 . |
|
148 . |
|
149 . |
|
150 . |
|
151 </pre> |
|
152 |
|
153 </body> |
|
154 </html> |