Html 英雄形象-Don'；我不知道如何表达这一点

我想做的是让背景图像填满整个页面，但是能够向下滚动，而不是让图像永远持续。如果我将图像添加到div背景大小的封面不起作用，我需要添加看起来不理想的高度和宽度

正文{
背景图像：url（“http://cdn.wallpapersafari.com/66/90/zq7i3T.jpg");
背景尺寸：封面；
背景重复：无重复；
背景附件：固定；
}
h1{
颜色：白色；
字体大小：50px；
文本对齐：居中；
位置：相对位置；
顶部：2000px；
}

卢克·海斯
一些测试文本

将主体样式应用于英雄div，并使其填充视口（高度：100vh）

.hero{
高度：100vh；
背景图像：url（“http://cdn.wallpapersafari.com/66/90/zq7i3T.jpg");
背景尺寸：封面；
背景重复：无重复；
背景附件：固定；
}
h1{
颜色：白色；
字体大小：50px；
文本对齐：居中；
位置：相对位置；
顶部：2000px；
}

一些测试文本

将主体样式应用于英雄div，并使其填充视口（高度：100vh）

.hero{
高度：100vh；
背景图像：url（“http://cdn.wallpapersafari.com/66/90/zq7i3T.jpg");
背景尺寸：封面；
背景重复：无重复；
背景附件：固定；
}
h1{
颜色：白色；
字体大小：50px；
文本对齐：居中；
位置：相对位置；
顶部：2000px；
}

一些测试文本

请提供JSFIDLE。这样我才能理解你想要什么？背景尺寸：100%100%@Raziasultana我把H1放低几千像素，以显示我所说的永远持续的背景图像。请提供JSFIDLE。这样我才能理解你想要什么？背景尺寸：100%100%@Raziasultana我把H1放下来几千像素，以显示我所说的永远持续的背景图像。这与我想要的非常接近，我在顶部有一个~50px的间隙，尽管在CSS重置后，我前几天刚做了这个，不需要使用高度，也得到了我想要的，这很奇怪。感谢您查看：）@LukeHayes差距是由H1页边距造成的，只需使用

margin:0

删除它们，您就不会再看到差距了，这与我的目标非常接近，我的顶部有一个50像素的间隙，尽管在CSS重置之后，我前几天刚做了这个，不需要使用高度，得到了我想要的，这很奇怪。感谢您查看：）@LukeHayes间隙是由H1页边距造成的，只需使用

margin:0

删除它们，您就不会再看到间隙了