为什么这些元素不在页面顶部？

Question

我正在创建一个网站，我希望顶部图片位于浏览器的顶部，没有额外的边距。 与浏览器底部的图片Here's the link to the website相同。

如您所见，如果向下滚动，则第一个顶部图像不在页面顶部。视口顶部与图像顶部之间存在间隙。底部图像也是如此...我可以在代码中添加什么？

Answer 1

您的图片高128像素，但您的td元素高140像素。将<td align="center" height="140" valign="middle"></td>更改为<td align="center" height="128" valign="middle"></td>

Answer 2

.header {
    background-position: top center;
}
.footer {
    background-position: bottom center;
}

那应该解决它。您的图片比元素短，默认为居中（或默认为middle d。）