解决Firefox表格边框渲染错误

Question

我正在使用表格来呈现日历。我注意到Firefox 3.6到7中的表格单元格边框渲染中有一个奇怪的渲染错误。这是一个截屏：

如您所见，滚动时边框会“弯曲”。此外，水平和垂直边界之间存在间隙，不会“弯曲”。在this web site上可以看到一个实例。

我在Chrome，Safari或Internet Explorer中看不到此行为。

---

更新

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

Answer 1

你遇到边界崩溃的问题：

以下是您的问题的解决方案：http://www.charlesgarwood.com/blog/?p=13

怎么做：

• 将border-collapse从collapse更改为separate
• 将border-width和<td>的{​​{1}}从<th>更改为2px
• 为1px本身提供<table> 1px

提供一些条件评论，如链接

中所述