在重复的身体背景图象下的白色空间

Question

我是编程世界的新手，并且一直在尝试尝试学习更多东西。 我正在使用静态html i-frame应用程序创建自定义facebook选项卡，并在垂直重复体背景图像时继续遇到问题。 由于我无法弄清楚的原因，图像与重复图像之间存在白色间隙。 任何帮助将非常感激！

这是代码：

    body {
    background-image:url('http://i1187.photobucket.com/albums/z389/mawler023/FBTabBody.png');
    margin:0;
    padding:0;
    background-position:right top;
    background-attachment: fixed;
    background-repeat:repeat-y;
    width:810px; 
    color: #333333;
    font-family: Verdana, Geneva, sans-serif;
    }`

Answer 1

您正在使用的图像（http://i1187.photobucket.com/albums/z389/mawler023/FBTabBody.png）顶部有一条白色带（粗略表示它的高度约为123像素）。 这将显示每次重复导致您观察到的差距。

你只想修剪图像，它应该摆脱差距。

如果你想在页面顶部有一个白色区域（但不是重复），最好减少应用背景的区域或在顶部的元素上放置明确的白色背景。

Answer 2

因为图像本身顶部有一个巨大的白色空间