2007-04-17 Mitz Pettel <mitz@webkit.org>
[WebKit-https.git] / LayoutTests / fast / table / invisible-cell-background.html
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>
27
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>
35
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>
43
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>
51
52 <table class="green">
53     <tbody style="visibility: hidden;" class="red">
54         <tr>
55             <td></td>
56         </tr>
57     </tbody>
58 </table>
59
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>
67
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>
75
76 <table class="green">
77     <tbody>
78         <tr style="visibility: hidden;">
79             <td class="red"></td>
80         </tr>
81     </tbody>
82 </table>
83
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>
91
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>