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

Html CSS背景图像限制为内容,而不是整个页面,html,css,image,background-image,Html,Css,Image,Background Image,因此,我为我的网站背景制作了一个渐变图像,由于它没有太多细节,我想我会用背景图像和CSS来将其延伸到页面上。但是,图像拒绝以正确的方式垂直拉伸。我可以让它水平拉伸,但无论我做什么,它都不会在页面上垂直拉伸到100%,相反,它将自身限制在页面上的内容上,这是我不想要的。我能让图片水平拉伸而不设置像素长度的唯一方法是使用封面,但它会变得太高。有没有人能给我一段代码,我可以用它来扩展图像,使之水平和垂直地适合页面?因为它拒绝,我不知道为什么 这是我头部样式标签中的CSS代码 body {

因此,我为我的网站背景制作了一个渐变图像,由于它没有太多细节,我想我会用背景图像和CSS来将其延伸到页面上。但是,图像拒绝以正确的方式垂直拉伸。我可以让它水平拉伸,但无论我做什么,它都不会在页面上垂直拉伸到100%,相反,它将自身限制在页面上的内容上,这是我不想要的。我能让图片水平拉伸而不设置像素长度的唯一方法是使用封面,但它会变得太高。有没有人能给我一段代码,我可以用它来扩展图像,使之水平和垂直地适合页面?因为它拒绝,我不知道为什么

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

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

对于初学者,背景重复设置为不重复

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

html, body { height: 100%;}
编辑:

无论内容是什么,都要使页面充满浏览器的卷边

html, body { height: 100%;}

如果没有看到您的代码,我们很难理解。发布你的代码。我不想让它重复,但它是一个单一的图像,我想填充整个窗口,它仍然拒绝工作编辑:哦,我没有意识到'html'部分是必要的。它现在工作了,谢谢曼斯蒂尔拒绝让我投票,显然还没有15个名声,对不起