可见性:隐藏 - 如何在Firefox中执行此操作?

时间:2011-11-15 20:12:19

标签: css html-table border visibility hidden

我一直在阅读这些论坛,但这是我的第一个问题:)

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

http://allramhosting.com/new/shared-3/

visibility

有没有人知道这种方法可以在多个浏览器中使用?我也试过边框颜色:白色; .hide { visibility: hidden; } <td class="hide">&nbsp; </td> <td>上的<tfoot>几乎有效;它使最底部的边界线可见。

4 个答案:

答案 0 :(得分:2)

使用

.hide { border-style: none; }

.hide { border: none; }

td

.tableClass{ border: none;} 

如果您的表格有tableClass个字段。

答案 1 :(得分:0)

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

答案 2 :(得分:0)

你试过了吗?

display:none

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

作为一个FYI,当你开始隐藏表的“部分”时,我发现了适当大小渲染的问题。这意味着我已经看到浏览器(包括chrome)无法正确呈现文档的其余部分,或者在隐藏表的某些部分时将文件末尾挂起。如果你隐藏整个表,它似乎很好。

答案 3 :(得分:0)

我曾经使用过以下技巧: 取决于你想要在样式中实现什么,但通常,将相关元素(颜色/背景颜色/边框颜色(在本例中))设置为“透明”通常适用于浏览器。

希望这有助于某人。