layout/reftests/table-background/backgr_layers-opacity.html@a63d609f5ebe
layout/reftests/table-background/backgr_layers-opacity.html
Thu, 15 Jan 2015 15:55:04 +0100
- author
- Michael Schloh von Bennewitz <michael@schloh.com>
- date
- Thu, 15 Jan 2015 15:55:04 +0100
- branch
- TOR_BUG_9701
- changeset 9
- a63d609f5ebe
- permissions
- -rw-r--r--
Back out 97036ab72558 which inappropriately compared turds to third parties.
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="next" href="backgr_fixed-bg.html" title="Special Tests: Fixed Backgrounds">
6 <link rel="prev" href="backgr_border-table-cell.html" title="Special Tests: Fixed Backgrounds">
7 <link rel="stylesheet" type="text/css" href="common.css">
9 <style type="text/css">
10 table{background: white; color: black;}
11 caption {color: white;}
12 tr {background: red; opacity: 0.5; }
13 tfoot {background: yellow; opacity: 0.5; }
14 .a, .p {background: blue; opacity: 0.5; }
16 </style>
17 </head>
18 <body>
19 <h1>CSS2 Table Backgrounds Test Suite</h1>
21 <h2>Part E: Special Tests</h2>
23 <h3>opacity: 0.5</h3>
25 <ul>
26 <li>The first three rows should be red.
27 <li>The last row should be orange.
28 <li>Cell A should be purple. Cell P should also be purple, but of a shade that reflects the underlying orange rather than the red.
29 </ul>
31 <dl>
32 <dt>next
33 <dd><a href="backgr_fixed-bg.html">Special Tests: Fixed Backgrounds</a>
34 <dt>previous
35 <dd><a href="backgr_border-table-cell.html">Background with Borders: Background on 'table-cell'</a>
36 <dt>contents
37 <dd><a href="./backgr_index.html">Table of Contents</a>
38 </dl>
40 <table class="separate">
41 <caption>With 'border-collapse: separate'</caption>
42 <colgroup class="colgroup-A">
43 <col class="col-1">
44 <col class="col-2">
45 <col class="col-3">
46 </colgroup>
47 <colgroup class="colgroup-B">
48 <col class="col-4">
49 </colgroup>
50 <thead>
51 <tr class="th-row-1">
52 <th class="a">TH A</th>
53 <th class="b">TH B</th>
54 <th class="c"></th>
55 <th class="d">TH D</th>
56 </tr>
57 </thead>
58 <tfoot>
59 <tr class="tb-row-1">
60 <td class="m" colspan=2>TD M</td>
62 <td class="o">TD O</td>
63 <td class="p">TD P</td>
64 </tfoot>
65 <tbody>
66 <tr class="tb-row-1">
67 <td class="e" rowspan=2>TD E</td>
68 <td class="f">TD F</td>
69 <td class="g">TD G</td>
70 <td class="h">TD H</td>
71 </tr>
72 <tr class="tb-row-2">
74 <td class="j">TD J</td>
75 <td class="k">TD K</td>
76 <td class="l">TD L</td>
77 </tr>
78 </tbody>
79 </table>
81 <table class="collapse">
82 <caption>With 'border-collapse: collapse'</caption>
83 <colgroup class="colgroup-A">
84 <col class="col-1">
85 <col class="col-2">
86 <col class="col-3">
87 </colgroup>
88 <colgroup class="colgroup-B">
89 <col class="col-4">
90 </colgroup>
91 <thead>
92 <tr class="th-row-1">
93 <th class="a">TH A</th>
94 <th class="b">TH B</th>
95 <th class="c"></th>
96 <th class="d">TH D</th>
97 </tr>
98 </thead>
99 <tfoot>
100 <tr class="tb-row-1">
101 <td class="m" colspan=2>TD M</td>
103 <td class="o">TD O</td>
104 <td class="p">TD P</td>
105 </tfoot>
106 <tbody>
107 <tr class="tb-row-1">
108 <td class="e" rowspan=2>TD E</td>
109 <td class="f">TD F</td>
110 <td class="g">TD G</td>
111 <td class="h">TD H</td>
112 </tr>
113 <tr class="tb-row-2">
115 <td class="j">TD J</td>
116 <td class="k">TD K</td>
117 <td class="l">TD L</td>
118 </tr>
119 </tbody>
120 </table>
121 <div class="validity">
122 <a href="http://validator.w3.org/check/referer"><img
123 src="valid-html401.png" height="31" width="88"
124 alt="Valid HTML 4.01!"></a>
125 </div>
126 <address>
127 CSS2 Table Backgrounds Test Suite designed and written by fantasai <fantasai@escape.com>
128 </address>
129 </body>
130 </html>
