水平地重复为一行的背景图象

Question

所以这是我的一些代码：

html{
    background-image: url(blue.jpg);
    background-repeat: no-repeat;
    background-repeat-x: no-repeat;
    background-size: cover;
}

但是，图像在顶行水平重复。在第一行之后，图像覆盖页面，顶部被重复的第一行覆盖。

我做错了什么？

Answer 1

您使用：

background-image: url(blue.jpg) no-repeat;

Answer 2

请确保您没有从其他地方重置背景图像。因为，当您尝试从其他位置更改它时，它会重置所有其他参数。如果您要从其他地方进行更改，请确保同时设置background-repeat-x: no-repeat;。