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

在我的CSS中，使用Mozilla，即使我在

标签上放置了

可见性：hidden

，也会显示背景色

---

打开这个。使用Chrome是可以的，但不使用Mozilla。

您可以使用

显示：无。但是要记住，与
可见性相反：隐藏，您的内容所占用的位置将为下一个显示的块释放

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

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

请参见此处的结果：
尝试更改
可见性：隐藏显示的code>属性：无
实际上，在我看来，Firefox妥善处理了这种情况。您可以设置
tr
的背景色，但将
td
设置为不可见<代码>tr
仍应可见。的确如此

相反，请尝试以下CSS：

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

演示：问题在于以下CSS规则：

table tr {
 background-color: beige;   
}

该规则规定，任何表上的每一行都有一个背景色。
将单元的可见性设置为“隐藏”时，尽管单元保持隐藏，但其空间仍保留在行内。
这就是为什么在单元格所在的空间中可以看到颜色

您可以将显示设置为“无”，以便不使用单元格空间，也可以设置单元格而不是行的背景色：

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

是否仅为可见单元格着色？它位于页眉和行上，或者特别是行上？thnaks@jt最终
显示：无也起作用。但是将背景色设置为
td
和
th
而不是
tr
是最好的理解方法。