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

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;
}

*约斯特