Html 可见性隐藏删除表中的背景色

我正在构建一个应用程序，并动态创建了一个表

表行的创建如下所示

<tr style="background-color: #71aa9a;">
  <td></td>
  .
  . 
  .
  <td></td>
<tr/>

.
. 
.

一些td在创建过程中被隐藏

出现的问题是，当td不可见（可见性：隐藏）时，tr的背景色消失，取而代之的是白色

有人能给我解释一下为什么我能解决这个问题吗

---

我不想使用显示：无；由于需要一行中的特定td。

好的，我会使用主要使用

字体大小0的技巧，这将使内容不可见，不可选择。所有内部元素（
>*
）的样式在此处覆盖默认值

一小条

tr{
背景：红色；
}
.隐藏，
.隐藏>*{
字号：0；
身高：0；
宽度：0；
保证金：0；
边界：0；
背景：透明；
}

名字
姓氏
年龄
吉尔
史密斯
50
前夕
杰克逊
94
很抱歉，对于这个问题我没有更明确的解释，但事实是
元素的背景属性很挑剔。如果我是你，我会将单元格内容包装在一个
中，然后在上面执行
可见性：隐藏

<tr>
  <td><div style="visibility: hidden">You dont see me!</div></td>
  <td>etc.</td>
</tr>


你看不见我！
等
不透明度：0作为替代方案工作，但我不知道为什么会出现这种情况：我在Firefox中遇到问题，但在Chrome中没有。感觉上，应用于tr的背景色实际上直接应用于td，但找到一些关于这一点的参考资料会很好。在每个表格单元格中，将内容包装在一个div中，并将css作为一种解决方法应用于其上。使单元格内容透明并不会阻止内容被选择和复制粘贴，它也不会阻止链接或按钮被点击。另外，我还有可以点击的按钮。但是谢谢你的邀请response@lampyridae：是的，但是如果你有没有JS的其他解决方案，我洗耳恭听。好的，我已经编辑了我的答案。新的技巧在任何情况下都能起作用。使用
字体大小：0；背景色：黑色适合我。它保留了我的背景色。使用“可见性：隐藏”删除背景色。