Visibility:Hidden - 如何在 Firefox 中执行此操作？答案

【问题标题】：Visibility:Hidden - How to do this in Firefox?Visibility:Hidden - 如何在 Firefox 中执行此操作？
【发布时间】：2011-12-29 20:43:33
【问题描述】：

我已经阅读这些论坛有一段时间了，但这是我的第一个问题 :)

问题与样式表有关。如果您在 Chrome 中查看我的页面，在我的表格左下角和左下角 <td> 标签，我可以使用 visibility:hidden; 隐藏边框但是，在 Firefox 中，<td> 仍然显示这些边框.我发现 Firefox 不喜欢 visibility 属性。

.hide
{
    visibility: hidden;
}

<td class="hide">&nbsp; </td>

有没有人知道可以在多个浏览器中使用的解决方法？我也尝试过边框颜色：白色；在<tfoot> 上的<td> 中，这几乎可以工作；它使最底部的边界线可见。

【问题讨论】：

【解决方案1】：

使用

.hide { border-style: none; }

或

.hide { border: none; }

在您的tds 或

.tableClass{ border: none;}

如果您的表有 tableClass 类。

【讨论】：

那行得通，除了现在我无法让最底边的边框回来，即使我申请班级 - border-bottom:1px;边框颜色：黑色；
border: none; 实际上设置了border-style: none; 。您可以使用border-bottom-style: solid; 恢复您的底部边框。您还可以将您的 3 个设置分组并写入border-bottom: 1px solid black。哼！
谢谢你，效果很好:) 它在 chrome 中很奇怪，底部边框像 3px 厚，但在 Firefox 中它显示为 1px...奇怪

【解决方案2】：

您是否尝试将边框宽度设置为零？

【讨论】：

【解决方案3】：

你试过了吗：

display:none

我发现这样可以更好地隐藏东西而没有副作用。

作为一个仅供参考，当您开始隐藏表格的“部分”时，我发现了正确尺寸渲染的问题。这意味着当您隐藏表格的某些部分时，我已经看到浏览器（包括 chrome）无法正确呈现文档的其余部分或将内容挂在文档的末尾。如果你隐藏整张桌子，它似乎很好。

【讨论】：

【解决方案4】：

我曾经使用过以下技巧：取决于您想要在样式中实现什么，但通常，将相关元素的（颜色/背景颜色/边框颜色（在这种情况下））设置为“透明”通常适用于跨浏览器。

希望这对某人有所帮助。

【讨论】：