Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(256)

Side by Side Diff: third_party/WebKit/LayoutTests/tables/mozilla/marvin/backgr_layers-opacity.html

Issue 2600903002: Paint the whole of a table-part background image behind the cells in a table (Closed)
Patch Set: Paint the whole of an image behind the cells in a table Created 3 years, 11 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
(Empty)
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 Backgro unds">
6 <link rel="prev" href="backgr_border-table-cell.html" title="Special Tests: Fixe d Backgrounds">
7 <link rel="stylesheet" type="text/css" href="common.css">
8
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; }
15
16 </style>
17 </head>
18 <body>
19 <h1>CSS2 Table Backgrounds Test Suite</h1>
20
21 <h2>Part E: Special Tests</h2>
22
23 <h3>opacity: 0.5</h3>
24
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 th at reflects the underlying orange rather than the red.
29 </ul>
30
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: B ackground on 'table-cell'</a>
36 <dt>contents
37 <dd><a href="./backgr_index.html">Table of Contents</a>
38 </dl>
39
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>
61
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">
73
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>
80
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>
102
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">
114
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="../images/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 &lt;fantasa i&#64;escape.com&gt;
128 </address>
129 </body>
130 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698