Html 如何获得覆盖整个页面的背景图像

无法使bg.png覆盖整个页面。它只占用了一个页眉空间，但我希望整个页面都被图像覆盖，并且联系人表单位于该页面之上

尝试将填充和边距更改为0，但无效。甚至可以让页眉成为整个页面吗？我正在从文件夹中的图像中获取背景图像。我也有麻烦，使头部从黑色和左转白色和中间。为了解决这个问题，我不得不做一个单独的类，我称之为“test”，以便将它移到中间。也许我在代码中出错了

联系我们

添加

background:url（bg.png）无重复中心到你的身体

大概是这样的：

body {
    display: block;
    margin: 8px;
    background: url(bg.png) no-repeat center;
}

现在，您正在向未覆盖整个页面的div添加背景图像。
添加
background:url（bg.png）无重复中心到你的身体

大概是这样的：

body {
    display: block;
    margin: 8px;
    background: url(bg.png) no-repeat center;
}

现在，您正在将背景图像添加到您的div中，该div没有覆盖整个页面。
您可以使用此代码


正文{
保证金：0；
填充：0；
字体系列：“蒙特塞拉特”，无衬线；
}   
.联络组{
背景图片：url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/652/codepen.png);
背景重复：无重复；
背景位置：中心；
背景尺寸：封面；
填充：40px0；
高度：100vh；
最小高度：100%；
}
.测试{
文本对齐：居中；
颜色：#ddd；
}
.边界{
宽度：100px；
高度：10px；
背景#34495e；
利润率：40px自动；
}
.联络表格{
最大宽度：600px；
保证金：自动；
填充：0 10px；
溢出：隐藏；
}
.联络表格文本{
显示：块；
宽度：100%；
框大小：边框框；
利润率：16px0；
边界：0；
背景：#111；
填充：20px 40px；
大纲：无；
颜色：#ddd；
过渡：0.5s；
}
.联系人表单文本：悬停{
盒影：0 0 10px 4px#34495e；
}
textarea.contact-form-text{
调整大小：无；
高度：120px；
}
.联络表格{
浮动：对；
边界：0；
背景#34495e；
颜色：#fff；
填充：12px 50px；
边界半径：20px；
光标：指针；
过渡：0.5s；
}
.联系方式btn：悬停{
背景#2980b9；
}

联系我们
您可以使用此代码


正文{
保证金：0；
填充：0；
字体系列：“蒙特塞拉特”，无衬线；
}   
.联络组{
背景图片：url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/652/codepen.png);
背景重复：无重复；
背景位置：中心；
背景尺寸：封面；
填充：40px0；
高度：100vh；
最小高度：100%；
}
.测试{
文本对齐：居中；
颜色：#ddd；
}
.边界{
宽度：100px；
高度：10px；
背景#34495e；
利润率：40px自动；
}
.联络表格{
最大宽度：600px；
保证金：自动；
填充：0 10px；
溢出：隐藏；
}
.联络表格文本{
显示：块；
宽度：100%；
框大小：边框框；
利润率：16px0；
边界：0；
背景：#111；
填充：20px 40px；
大纲：无；
颜色：#ddd；
过渡：0.5s；
}
.联系人表单文本：悬停{
盒影：0 0 10px 4px#34495e；
}
textarea.contact-form-text{
调整大小：无；
高度：120px；
}
.联络表格{
浮动：对；
边界：0；
背景#34495e；
颜色：#fff；
填充：12px 50px；
边界半径：20px；
光标：指针；
过渡：0.5s；
}
.联系方式btn：悬停{
背景#2980b9；
}

联系我们
首先为您的背景创建一个div。
然后使用该div应用背景图像

.background{
宽度：100%；
高度：100vh；
背景：url（你的图片链接）中心不重复；
背景尺寸：封面；
}
首先为您的背景创建一个div。
然后使用该div应用背景图像

.background{
宽度：100%；
高度：100vh；
背景：url（你的图片链接）中心不重复；
背景尺寸：封面；
}

使用这些样式

使用这些样式
您还需要a）将
div
放在页面的最开始处，或者b）使其他所有内容都具有较高的
z索引
-这都是为了停止奇怪的重叠是，我们需要在一开始就添加div，并在该div中编写其他代码。您还需要a）将
div
放在页面的最开始处，或者b）使其他所有内容都具有较高的
z索引
-这都是为了停止奇怪的重叠是的，我们需要在一开始就添加div
  background: url('image path') no-repeat;
  background-size: cover;