解决Firefox表格边框渲染错误

Son*_*nny 4 css firefox

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

表边框渲染bug

如你所见,滚动时边框会"弯曲".此外,水平和垂直边界之间存在间隙,不会"弯曲".在这个网站上可以看到一个实例.

我在Chrome,Safari或Internet Explorer中看不到此行为.


UPDATE

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

yun*_*zen 5

你有边界崩溃的问题:

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

该怎么办:

  • 改变border-collapse来自collapseseparate
  • 改变border-width了的<td>S和<th>从s 2px1px
  • <table>自己一个1px border

给出一些条件评论,如链接中所述

  • 谢谢!这看起来像治疗几乎比症状更加丑陋的情况之一. (2认同)