在将其设置为我的网站背景时,如何避免重复图像?

时间:2014-10-01 21:21:09

标签: html css image background-image

我想设置一个优先图像作为我网站的背景。

现在,图像文件总是带有固定的像素或大小。可以说我选择的图像是960x960像素。 但我的网页可能有不同的大小,可能是大小比图像大3倍。

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

如何避免?

如何将背景图像设置为仅一张图像,以便在背景上很多图像不清晰可见。

作为一个例子,这是我的背景图片:

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

2 个答案:

答案 0 :(得分:2)

两种可能性:

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

答案 1 :(得分:1)

background-image 行后面有这一行:

background-repeat:no-repeat;