<!
DOCTYPE HTML PUBLIC
"-//W3C//DTD HTML 4.01//EN">
<
head>
<
meta http-equiv=
"Content-Type" content=
"text/html; charset=ISO-8859-1">
<
title>layers: opacity</
title>
<
link rel=
"prev" href=
"backgr_layers-opacity.html" title=
"Special Tests: opacity">
<
link rel=
"contents" href=
"./backgr_index.html" title=
"Table of Contents">
<
link rel=
"stylesheet" type=
"text/css" href=
"common.css">
<
style type=
"text/css">
table{background: white; color: black;}
caption {color: white;}
.tb-row-1,
thead, .l {background: url(edge.gif) fixed;}
.a, .p {background: url(rainbowv.gif) fixed; }
</
style>
</
head>
<
body>
<
h1>CSS2
Table Backgrounds Test Suite</
h1>
<h2>Part E: Special Tests</h2>
<h3>Fixed Backgrounds</h3>
<
ul>
<
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.
<li>Cells A and P should have a rainbow background that seems attached to the viewport.
</ul>
<dl>
<dt>previous
<dd><a href="backgr_layers-opacity.html">Special Tests: opacity</a>
<dt>contents
<dd><a href="./backgr_index.html">Table of Contents</a>
</dl>
<table class="separate">
<caption>With 'border-collapse: separate'</caption>
<colgroup class="colgroup-A">
<col class="col-1">
<col class="col-2">
<col class="col-3">
</colgroup>
<colgroup class="colgroup-B">
<col class="col-4">
</colgroup>
<thead>
<tr class="th-row-1">
<th class="a">TH A</th>
<th class="b">TH B</th>
<th class="c"></th>
<th class="d">TH D</th>
</tr>
</thead>
<tfoot>
<tr class="tb-row-1">
<td class="m" colspan=2>TD M</td>
<td class="o">TD O</td>
<td class="p">TD P</td>
</tfoot>
<tbody>
<tr class="tb-row-1">
<td class="e" rowspan=2>TD E</td>
<td class="f">TD F</td>
<td class="g">TD G</td>
<td class="h">TD H</td>
</tr>
<tr class="tb-row-2">
<td class="j">TD J</td>
<td class="k">TD K</td>
<td class="l">TD L</td>
</tr>
</tbody>
</table>
<table class="collapse">
<caption>With 'border-collapse: collapse'</caption>
<colgroup class="colgroup-A">
<col class="col-1">
<col class="col-2">
<col class="col-3">
</colgroup>
<colgroup class="colgroup-B">
<col class="col-4">
</colgroup>
<thead>
<tr class="th-row-1">
<th class="a">TH A</th>
<th class="b">TH B</th>
<th class="c"></th>
<th class="d">TH D</th>
</tr>
</thead>
<tfoot>
<tr class="tb-row-1">
<td class="m" colspan=2>TD M</td>
<td class="o">TD O</td>
<td class="p">TD P</td>
</tfoot>
<tbody>
<tr class="tb-row-1">
<td class="e" rowspan=2>TD E</td>
<td class="f">TD F</td>
<td class="g">TD G</td>
<td class="h">TD H</td>
</tr>
<tr class="tb-row-2">
<td class="j">TD J</td>
<td class="k">TD K</td>
<td class="l">TD L</td>
</tr>
</tbody>
</table>
<div class="validity">
<a href="http://validator.w3.org/check/referer"><img
src="valid-html401.png" height="31" width="88"
alt="Valid HTML 4.01!"></a>
</div>
<address>
CSS2 Table Backgrounds Test Suite designed and written by fantasai <fantasai@escape.com>
</address>
<pre>
................................................................................................................................................................................................
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
</pre>
</body>
</html>