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

Side by Side Diff: third_party/WebKit/LayoutTests/fast/table/backgr_layers-opacity-2.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
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
2 <head> 2 <head>
3 <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> 3 <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
4 <title>layers: opacity</title> 4 <title>layers: opacity</title>
5 <link rel="next" href="backgr_fixed-bg.html" title="Special Tests: Fixed Backgro unds"> 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"> 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"> 7 <link rel="stylesheet" type="text/css" href="common.css">
8 8
9 <style type="text/css"> 9 <style type="text/css">
10 table{background: white; color: black;} 10 table{background: white; color: black;}
11 caption {color: white;} 11 caption {color: white;}
12 tr {background: red; opacity: 0.5; } 12 tr {background: red; opacity: 0.5; }
13 tfoot {background: yellow; opacity: 0.5; } 13 tfoot {background: yellow; opacity: 0.5; }
14 .a, .p {background: blue; opacity: 0.5; } 14 .a, .p {background: blue; opacity: 0.5; }
15 15
16 </style> 16 </style>
17 </head> 17 </head>
18 <body> 18 <body>
19 <h1>CSS2 Table Backgrounds Test Suite</h1> 19 <h3>crbug.com/35679: opacity: 0.5</h3>
20
21 <h2>Part E: Special Tests</h2>
22
23 <h3>opacity: 0.5</h3>
24 20
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"> 21 <table class="collapse">
82 <caption>With 'border-collapse: collapse'</caption> 22 <caption>With 'border-collapse: collapse'</caption>
83 <colgroup class="colgroup-A"> 23 <colgroup class="colgroup-A">
84 <col class="col-1"> 24 <col class="col-1">
85 <col class="col-2"> 25 <col class="col-2">
86 <col class="col-3"> 26 <col class="col-3">
87 </colgroup> 27 </colgroup>
88 <colgroup class="colgroup-B"> 28 <colgroup class="colgroup-B">
89 <col class="col-4"> 29 <col class="col-4">
90 </colgroup> 30 </colgroup>
(...skipping 20 matching lines...) Expand all
111 <td class="h">TD H</td> 51 <td class="h">TD H</td>
112 </tr> 52 </tr>
113 <tr class="tb-row-2"> 53 <tr class="tb-row-2">
114 54
115 <td class="j">TD J</td> 55 <td class="j">TD J</td>
116 <td class="k">TD K</td> 56 <td class="k">TD K</td>
117 <td class="l">TD L</td> 57 <td class="l">TD L</td>
118 </tr> 58 </tr>
119 </tbody> 59 </tbody>
120 </table> 60 </table>
61
62 <ul>
63 <li>The first three rows should be red.
64 <li>The last row should be orange.
65 <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.
66 </ul>
67
121 <div class="validity"> 68 <div class="validity">
122 <a href="http://validator.w3.org/check/referer"><img 69 <a href="http://validator.w3.org/check/referer"><img
123 src="../images/valid-html401.png" height="31" width="88" 70 src="../images/valid-html401.png" height="31" width="88"
124 alt="Valid HTML 4.01!"></a> 71 alt="Valid HTML 4.01!"></a>
125 </div> 72 </div>
126 <address> 73 <address>
127 CSS2 Table Backgrounds Test Suite designed and written by fantasai &lt;fantasa i&#64;escape.com&gt; 74 CSS2 Table Backgrounds Test Suite designed and written by fantasai &lt;fantasa i&#64;escape.com&gt;
128 </address> 75 </address>
129 </body> 76 </body>
130 </html> 77 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698