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; }
15 This tests that the background of a table cell with <tt>visibility:hidden</tt> is never painted.
18 You should see nine green squares and no red, orange or yellow squares.
20 <table style="visibility: hidden;">
28 <table style="visibility: hidden;" class="red">
29 <tbody style="visibility: visible;">
31 <td class="green"></td>
36 <table style="visibility: hidden;" class="red">
38 <tr style="visibility: visible;">
39 <td class="green"></td>
44 <table style="visibility: hidden;" class="red">
47 <td style="visibility: visible;" class="green"></td>
53 <tbody style="visibility: hidden;" class="red">
61 <tbody style="visibility: hidden;">
62 <tr style="visibility: visible;">
63 <td class="green"></td>
69 <tbody style="visibility: hidden;">
71 <td style="visibility: visible;" class="green"></td>
78 <tr style="visibility: hidden;">
86 <tr style="visibility: hidden;">
87 <td style="visibility: visible;" class="green"></td>
95 <td style="visibility: hidden;" class="red"></td>