0

我最近在我在这里提出的一个最近的问题上发现了这个问题，这与我认为是 Chrome 或 Safari webkit 错误，或者可能是我的 style.css 中的某些东西有关。但是，过了一会儿，我注意到我的背景在调整大小时略有移动，我得出结论，当它向右移动时，屏幕左侧从上到下没有出现左白边框，但是当背景图片向右侧移动，然后在左侧右侧出现 2px 白色边框。如何阻止边界移动。

我的CSS：

html { 
    background: url(/assets/fotball.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; 
}
4

2 回答 2

0

将您的代码更改为：jsFiddle Live Demo

html { 
    background: url(/assets/fotball.jpg) repeat center top fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position:;
}

使用时background-size: cover;，使用background:no-repeator没有区别background:repeat。因此，在这种情况下，您可以使用它repeat来解决您的问题。

于 2013-01-21T14:13:32.277 回答
0

尝试这个：

background: url(/assets/fotball.jpg) no-repeat center top fixed;
于 2013-01-21T12:08:52.370 回答