我正在为一个网站做HTML和CSS，而且我遇到了一个非常奇怪的错误/行为，我无法确定。
看看http://www.atelierhsl.nl/antwerp/。顶部有一条穿过徽标的白线。如果我显示：没有页面底部的导航，它就会消失。但是当我增加文本列的底部填充（.entry-content）时，它会再次出现。这发生在Webkit，Mozilla和IE中，所以我知道我一定做错了。我只是无法弄清楚是什么。任何人
答案 0 :(得分：3)
这是由身体背景图像顶部的抗锯齿线（仅1个浅灰色像素）引起的。简单的答案是使用图像编辑器裁剪它 您可能希望将图像对齐到顶部：
background: url("/wp-content/themes/transfer/images/bg.jpg") no-repeat scroll center top #1D1D88
主要问题是背景图像没有它应覆盖的区域那么大。
答案 1 :(得分：2)
Kobi的回答是正确的，但是如果你不介意设计建议：不要将黑色背景图像放在身体的无重复顶部，而是将身体内容分成容器和页脚。对于内容背景，使用较小的背景图像并将其平铺，或将背景颜色设置为黑色，因为它看起来没有渐变。然后，页脚div可以具有白色背景（从主体继承，或直接分配）。
您的页面在逻辑上划分为主要内容和页脚，因此HTML应表达该内容。
答案 2 :(得分：1)
有两种解决方案：
答案 3 :(得分：1)
我认为，你应该从你的背景中剪下一条1px线并重复它。没有错误，您将减少图像重量。