CSS 背景图片无法缩放

Question

我正在努力学习 html 和 css。现在我正在尝试使背景图像填充浏览器窗口，无论其大小如何。 我用谷歌搜索了 100 次，每一页几乎都说同样的话。所以我复制了代码，但它对我不起作用。当我将浏览器设置为较小尺寸时，背景图像会重复出现。我不想要我只是想让它填满窗口。 这是我的 CSS。

html {
background-image:url(background.jpg);
background-size: 100%;
background-image: no-repeat-y; }

在我做到 100% 之前，我尝试使用封面来代替，但也没有用。当窗口最大化时，图像是全屏的，但当我调整它的大小时，图像会重复。

Answer 1

使用 background-size cover 将完成这项工作:

html { 
  background: url(background.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}