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像素））。这将显示每次重复导致您正在观察的差距。

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

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

Answer 2

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

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

2 个答案: