Html 图像只填充一页

我试图使一个头版的图像，填补了整个页面没有空白。一些文本和链接将放在上面。起初，我试着通过使用css（z-index等）制作一个简单的图像标签和一个类来提供所需的属性，但没有成功，因为我一点经验都没有

现在，我正试图使用background元素做同样的事情。问题是，我无法将其限制在头版，而不会丢失其设置。是否有一个简单的解决方法，或者我应该尝试另一种方法

HTML代码

<img class="home" src="patsas.jpg" />

<h1> some <br> text  </h1>

---

有几个问题。首先，图像没有终止，使得html无效。其次，

body.cover

匹配body元素，并且仅当它具有类“cover”时。它永远不会与图像匹配

对于最终的解决方案，我根本不会使用

，而只使用具有背景图像的

：

。封面{
/*使元素覆盖整个视口*/
宽度：100vw；
高度：100vh；
/*将背景图像设置为覆盖整个元素*/
背景：url(https://placeholdit.imgix.net/~text？txtsize=33&txt=350%C3%97150&w=350&h=150）居中；
-webkit背景尺寸：封面；
-moz背景尺寸：封面；
-o-背景尺寸：封面；
背景尺寸：封面；
/*如果你想的话，让它保持原样这部分不太清楚*/
位置：固定；
排名：0；
左：0；
}

---

谢谢@GolezTrol！这真的把事情弄清楚了。

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