CSS背景图像限制内容而不是整个页面

Question

所以，我为我的网站背景制作了一个渐变图像，因为它没有太多细节，我想我会拍摄图像并使用背景图像和CSS的东西在页面上展开。但是，图像拒绝以正确的方式垂直拉伸。我可以让它水平拉伸，但无论我做什么，它都不会在页面上垂直拉伸到100％，而是将其自身局限于页面上的内容，这是我不想要的。我可以让图片水平拉伸而不会使像素长度失效的唯一方法是使用封面，但随后它会变得太高。任何人都可以给我一段代码，我可以使用它来扩展图像水平和垂直适合页面？因为它拒绝，我不知道为什么

这是我头脑中的样式标签中的CSS代码

body {  
    background: url('Background.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

Answer 1

对于初学者，background-repeat设置为no-repeat。

无论内容包含多少内容，您都需要让主体填充浏览器，否则它只会重复内容。

编辑：

无论内容是什么，都让页面填满浏览器中。

html, body { height: 100%;}