Merge Chromium + Blink git repositories
[chromium-blink-merge.git] / third_party / WebKit / LayoutTests / fast / table / invisible-cell-background.html
blob5643b19b64ac5d5bfcbe2e83b5dc91e0760a82b6
1 <html>
2 <head>
3 <title></title>
4 <style>
5 table { margin: 4px; border-collapse: collapse; }
6 tbody { background-color: yellow; }
7 tr { background-color: orange; }
8 td { width: 25px; height: 25px; }
9 .green { background-color: green; }
10 .red { background-color: red; }
11 </style>
12 </head>
13 <body>
14 <p>
15 This tests that the background of a table cell with <tt>visibility:hidden</tt> is never painted.
16 </p>
17 <p>
18 You should see nine green squares and no red, orange or yellow squares.
19 </p>
20 <table style="visibility: hidden;">
21 <tbody>
22 <tr>
23 <td class="red"></td>
24 </tr>
25 </tbody>
26 </table>
28 <table style="visibility: hidden;" class="red">
29 <tbody style="visibility: visible;">
30 <tr>
31 <td class="green"></td>
32 </tr>
33 </tbody>
34 </table>
36 <table style="visibility: hidden;" class="red">
37 <tbody>
38 <tr style="visibility: visible;">
39 <td class="green"></td>
40 </tr>
41 </tbody>
42 </table>
44 <table style="visibility: hidden;" class="red">
45 <tbody>
46 <tr>
47 <td style="visibility: visible;" class="green"></td>
48 </tr>
49 </tbody>
50 </table>
52 <table class="green">
53 <tbody style="visibility: hidden;" class="red">
54 <tr>
55 <td></td>
56 </tr>
57 </tbody>
58 </table>
60 <table class="red">
61 <tbody style="visibility: hidden;">
62 <tr style="visibility: visible;">
63 <td class="green"></td>
64 </tr>
65 </tbody>
66 </table>
68 <table class="red">
69 <tbody style="visibility: hidden;">
70 <tr>
71 <td style="visibility: visible;" class="green"></td>
72 </tr>
73 </tbody>
74 </table>
76 <table class="green">
77 <tbody>
78 <tr style="visibility: hidden;">
79 <td class="red"></td>
80 </tr>
81 </tbody>
82 </table>
84 <table class="red">
85 <tbody>
86 <tr style="visibility: hidden;">
87 <td style="visibility: visible;" class="green"></td>
88 </tr>
89 </tbody>
90 </table>
92 <table class="green">
93 <tbody>
94 <tr>
95 <td style="visibility: hidden;" class="red"></td>
96 </tr>
97 </tbody>
98 </table>
99 </body>
100 </html>