我想设置一个优先图像作为我网站的背景。
现在,图像文件总是带有固定的像素或大小。可以说我选择的图像是960x960像素。 但我的网页可能有不同的大小,可能是大小比图像大3倍。
如果我将该图像设置为背景,那么通常它会重复(我知道如何阻止它,但这不是我想要的)。当它重复时,它将在它们相互连接的那一点上形成条纹或阴影类型的线。这意味着,在图像连接点,它会形成一个单独的边框(我希望你知道我的意思)看起来很糟糕而且用户不喜欢它。
如何避免?
如何将背景图像设置为仅一张图像,以便在背景上很多图像不清晰可见。
作为一个例子,这是我的背景图片:
background-image:url(img/backgr.gif);
答案 0 :(得分:2)
两种可能性:
background-size:cover;
放大背景图像,使其自动覆盖整个屏幕。答案 1 :(得分:1)
background-image 行后面有这一行:
background-repeat:no-repeat;