1

这个错误真的让我很头疼。由于某种原因，我的表格在中间单元格的左侧和右侧有 1px 的间隙。我不知道是什么原因造成的。你可以在这里看到一个例子：http: //jsfiddle.net/JdayW/1/

我需要的是中间单元格中的图像作为“掩码”，以便您可以看到它后面的背景图像。图像的左侧和右侧需要有一个纯色，延伸到浏览器窗口的边缘。我认为一张桌子是实现这一目标的最佳方式.. 但我可能是错的。当我在中间单元格或整个表格上放置背景颜色时，间隙就会消失，但显然这对我不起作用，因为我不能在图像后面有背景颜色。

在我正在构建这个具有透明度的“蒙版”图像的站点中，它将滚动到它后面的固定背景上。所以我不能只把png做成带有背景的jpg。

发生这种情况是因为我将表格设置为width:100%并且中间单元格设置为固定的 300px 宽度吗？

4

2 回答 2

3

出于某种原因，您的td标签导致了边距。将它们设置为 0 并赋予左右td标签 50% 的宽度似乎可以解决问题：

table {width:100%; height:300px; border-collapse: collapse; border-spacing: 0;}

td.left, td.right {background-color:green; margin:0; padding:0; width:50%;}

td.middle {width:300px; margin:0; padding:0;}

工作jsfiddle：http: //jsfiddle.net/JdayW/34/

于 2012-11-02T03:35:57.190 回答
0

您是否尝试过仅在中心 td 上设置 0px 的填充？http://jsfiddle.net/JdayW/45/

td.middle {width:300px;padding: 0px}

左右 tds 在每一边也有 1px 的间隙，但由于背景颜色包括你看不到的填充，如果你在每个 td 上放置一个空白，你可以将所有 tds 设置为 padding:0px http:// jsfiddle.net/JdayW/44/

于 2012-11-02T04:23:38.690 回答