IE6 / 7中的虚线表边框邻接和重叠

时间:2010-07-30 16:50:45

标签: html css

我有一些<td>元素,底部带有点缀的1px边框。每个元素都是固定宽度。这意味着有时边框会像这样结束,边界点会在边框上形成一个黑点:

-- -- -- --|-- -- -- --

但有时候它们会正确渲染,如下所示:

-- -- -- --| -- -- --

我可以通过改变<td> sa位的宽度来移动它们,有时它们会完全消失,但有没有更正确的方法来渲染固定宽度<td>以避免这种情况问题并省去了我造成的麻烦吗?

编辑: Border-collapse已应用于表格

2 个答案:

答案 0 :(得分:1)

问题出在IE渲染器中。我不认为有一种标准化的(甚至是IE特定的)方式告诉渲染器“使用此偏移量开始边界渲染”或其他任何方式。

答案 1 :(得分:1)

您可以使用CSS背景图像来创建虚线边框。如果您创建了一个2px宽的图像,其中一个点作为第一个像素而空白作为第二个像素,则可以通过确保所有<td>宽度都是2的倍数来防止这种情况。