<!
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 >
Messung V0.5 C=100 H=100 G=100
¤ Dauer der Verarbeitung: 0.12 Sekunden
(vorverarbeitet)
¤
*© Formatika GbR, Deutschland