HTML and CSS Reference
In-Depth Information
Figure 14-14.
Modern versions of Internet Explorer correctly hide columns
■
Setting
visibility
to
collapse
on a column doesn't affect the way the
:nth-of-type()
pseudo-class
applies the background color to alternate table cells. The cells are still there. They're just not displayed.
Note
Using the visibility Property with Table Rows
The
visibility
property can also be used with table rows. As with
<colgroup>
and
<col>
, the only legal value is
collapse
. The styles in row_collapse.html hide the third row like this:
tr:nth-child(3) {
visibility: collapse;
}
IE 9, Firefox 14, and Opera 12 hide the row and close the gap. However, Chrome 21 and Safari 6 leave the ugly
gap shown in Figure
14-15
.