Firefox表格边框渲染错误的解决方法

Question

我正在使用表格来渲染一个日历。我注意到在Firefox 3.6到7版本中有一个奇怪的渲染bug，这是一个屏幕截图：

如你所见，当我滚动时，边框会“弯曲”。而且，在水平和垂直边框之间存在间隙，它不会被“弯曲”。可以在此网站上查看实时示例。
我没有在Chrome、Safari或Internet Explorer中看到这种行为。

更新
我仍然在Firefox 20中看到这个问题。我注意到单像素边框没有出现这种情况，只有两个或更多像素。

- Sonny

---

只发生在第一次打开页面时，刷新可以让bug消失，使用ctrl+点击表格单元格可以复现它。 - max4ever

@max4ever - 对于我来说，“弯曲”的问题是真实存在的，但是“一个像素间隙”的问题仍然存在。 - Sonny

Answer 1

你遇到了关于 border-collapse 的问题：

这里有一个解决方案：http://www.charlesgarwood.com/blog/?p=13

需要做的事情：

• 将 border-collapse 从 collapse 改为 separate
• 将 <td> 和 <th> 的 border-width 从 2px 改为 1px
• 给 <table> 自身添加一个 1px 的边框

按照链接中的描述提供一些条件性注释。

- yunzen

---

谢谢！这似乎是那种情况之一，治疗方法几乎比症状更难看。 - Sonny