1 <!DOCTYPE HTML PUBLIC
"-//W3C//DTD HTML 4.01//EN">
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 body
{overflow: hidden
;}
10 table
{background: white
; color: black
;}
11 caption
{color: white
;}
12 .tb-row-1, thead, .l {background: url
(../images/edge.gif) fixed
;}
13 .a, .p {background: url
(../images/rainbowv.gif) fixed
; }
17 <h1>CSS2 Table Backgrounds Test Suite
</h1>
19 <h2>Part E: Special Tests
</h2>
21 <h3>Fixed Backgrounds
</h3>
24 <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.
25 <li>Cells A and P should have a rainbow background that seems attached to the viewport.
30 <dd><a href=
"backgr_layers-opacity.html">Special Tests: opacity
</a>
32 <dd><a href=
"./backgr_index.html">Table of Contents
</a>
35 <table class=
"separate">
36 <caption>With 'border-collapse: separate'
</caption>
37 <colgroup class=
"colgroup-A">
42 <colgroup class=
"colgroup-B">
47 <th class=
"a">TH A
</th>
48 <th class=
"b">TH B
</th>
50 <th class=
"d">TH D
</th>
55 <td class=
"m" colspan=
2>TD M
</td>
57 <td class=
"o">TD O
</td>
58 <td class=
"p">TD P
</td>
62 <td class=
"e" rowspan=
2>TD E
</td>
63 <td class=
"f">TD F
</td>
64 <td class=
"g">TD G
</td>
65 <td class=
"h">TD H
</td>
69 <td class=
"j">TD J
</td>
70 <td class=
"k">TD K
</td>
71 <td class=
"l">TD L
</td>
76 <table class=
"collapse">
77 <caption>With 'border-collapse: collapse'
</caption>
78 <colgroup class=
"colgroup-A">
83 <colgroup class=
"colgroup-B">
88 <th class=
"a">TH A
</th>
89 <th class=
"b">TH B
</th>
91 <th class=
"d">TH D
</th>
96 <td class=
"m" colspan=
2>TD M
</td>
98 <td class=
"o">TD O
</td>
99 <td class=
"p">TD P
</td>
102 <tr class=
"tb-row-1">
103 <td class=
"e" rowspan=
2>TD E
</td>
104 <td class=
"f">TD F
</td>
105 <td class=
"g">TD G
</td>
106 <td class=
"h">TD H
</td>
108 <tr class=
"tb-row-2">
110 <td class=
"j">TD J
</td>
111 <td class=
"k">TD K
</td>
112 <td class=
"l">TD L
</td>
116 <div class=
"validity">
117 <a href=
"http://validator.w3.org/check/referer"><img
118 src=
"../images/valid-html401.png" height=
"31" width=
"88"
119 alt=
"Valid HTML 4.01!"></a>
122 CSS2 Table Backgrounds Test Suite designed and written by fantasai
<fantasai
@escape.com
>
125 ................................................................................................................................................................................................