Question

我需要将html的背景作为一个图像，居中而不重复。

如果img较小 - 它应该是拉伸的，反之亦然。因此整个图像应该是可见的。

我知道，图像的质量可能会受损，但无关紧要。

我试过了：

html{
    background:url(img/back04.jpg);
    background-repeat:no-repeat; // is ok on localhost, but on server - repeating appears !?
    background-size:cover;  //also tried
    background-size:contain; //also tried
}

什么是正确的方法，请？

Answer 1

首先，验证服务器的副本是否与本地副本匹配。

其次，清除缓存。服务器的CSS文件可能已缓存，并且使用的是旧版本。

第三，您是否使用相同的浏览器（和版本）来测试本地和服务器版本？ CSS始终呈现在客户端，因此如果CSS文件匹配并且您使用的是同一浏览器，则两个版本之间不应存在任何差异。

Answer 2

我会尝试以下方法：

body {
    background: url(img/back04.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: auto;
}

*斯特

背景图像设置为不重复但在服务器上重复

2 个答案: