即使隐藏可见性，也会使用Mozilla显示背景颜色

Question

在我的CSS中，即使我将visibility: hidden放在<td>标记上，也会使用Mozilla显示背景颜色。

打开此jsfiddle。使用Chrome可以，但没有使用Mozilla。

Answer 1

实际上Firefox在我看来是正确处理这种情况的。您设置tr的背景颜色，但隐藏td。 tr应该仍然可见。就是这样。

而是试试这个CSS：

table td,
table th {
    background-color: beige;   
}

演示：http://jsfiddle.net/mTTzb/3/

Answer 2

如果匹配您的需要，您可以使用display: none;。但请记住，与visibility: hidden;相反，您的内容占用的位置将被释放以用于下一个显示的块。

您也可以在td和th上应用背景样式而不是tr：

th,td {
    border: 1px black solid;
    background-color: beige;
}

在此处查看结果： http://jsfiddle.net/mTTzb/5/

Answer 3

尝试更改visibility:hidden;

的display:none;属性

Answer 4

问题出在以下CSS规则中：

table tr {
 background-color: beige;   
}

规则规定任何表格上的每一行都有背景颜色。 将单元格的可见性设置为隐藏时，虽然单元格保持隐藏状态，但它的空间仍保留在行内。 这就是为什么你可以看到细胞所在空间的颜色。

您可以设置display：none以便不使用单元格空间，也可以在单元格而不是行上设置背景颜色：

table tr td,th {
 background-color: beige;   
}