html - 如何在将图像设置为我的网站背景时避免图像重复？

Question

我想为我的网站设置一张更喜欢的图片作为背景。

现在，图像文件总是带有固定的像素或大小。假设我选择的图像是 960x960 像素。但是我的网页可能有不同的尺寸，可能尺寸是图像的 3 倍。

如果我将该图像设置为背景，那么它通常会重复(我知道如何停止它，但这不是我想要的)。当它被重复时，它会在它们相互连接的那一点形成条纹或阴影类型的线。这意味着，在图像连接点，它会形成一个单独的边框(我希望你明白我的意思)看起来很糟糕并且用户不喜欢它。

如何避免这种情况？

如何将背景图片设置为单张图片，这样背景上拼接的多张图片就看不清楚了。

例如，这是我的背景图片:

background-image:url(img/backgr.gif);

Answer 1

两种可能性:

1. 使用图形程序编辑您的图像，使其变得无缝。看这里:http://www.youtube.com/watch?v=NARVupW2ads
2. 使用 background-size:cover; 放大背景图片，使其自动覆盖整个屏幕。