Html 如何使一个分区中的图像延伸到整个页面

我在css方面有个问题。在我的页面中，我想将背景图像添加到一个页面，该页面可以通过改变其宽度（宽度不必是满的）来拉伸到全高。我很容易通过背景标签来计数，但问题是我想给图像增加不透明度，所以我需要有两个div，一个是图像，另一个是内容并改变位置。但是当我这样做的时候，图像只是视图端口的高度，但我希望它等于整个页面

谁能帮帮我吗。

任何帮助都将不胜感激

多谢各位

html{
最小高度：100%；
位置：相对位置；
}
身体，
#回到img，
#内容{
保证金：0；
填充：0；
身高：100%
}
#背img{
背景：url(https://youngisland.com/wp-content/uploads/2018/01/aerial-optimized2.jpg);
位置：绝对位置；
显示：块；
身高：100%；
宽度：100%；
顶部：0px；
左：0px；
z指数：-1；
}
#内容{
AHHeight:1000px；
位置：绝对位置；
}

标题
更多

将固定位置添加到具有背景图像的元素中，并将相对位置添加到内容中：

.content {
  position relative;
  z-index:2;
}

#back-img {
    background : url(https://youngisland.com/wp-content/uploads/2018/01/aerial-optimized2.jpg);
    background-position: cover;
    position:fixed; 
    right:0;
    bottom: 0;
    top:0; 
    left:0; 
    z-index:1; 

}

---

我不确定这是否是你的问题，但你已经设定了身体100%的高度，这需要是一个最小高度。然后我会使身体相对，然后使用右边和底部，而不是宽度和高度，同时制作背景尺寸的封面：

html，
身体{
保证金：0；
填充：0；
最小高度：100vh；/*使用最小高度*/
位置：相对；/*此处相对移动*/
}
#背img{
背景：url(https://youngisland.com/wp-content/uploads/2018/01/aerial-optimized2.jpg)左上角不重复；
背景尺寸：封面；/*添加此*/
位置：绝对位置；
排名：0；
左：0；
底部：0；/*使用底部和右侧，而不是高度和宽度*/
右：0；
z指数：-1；
}
#内容{
填充：1px；/*停止页边距折叠*/
高度：1000px；/*用于测试并移除绝对定位*/
}

标题
更多

body，html{
最小高度：100%；
位置：相对位置；
保证金：0；
填充：0；
}
#背img{
背景：url(https://youngisland.com/wp-content/uploads/2018/01/aerial-optimized2.jpg);
不透明度：0.5；
背景尺寸：封面；
位置：绝对位置；
显示：块；
排名：0；
左：0；
右：0；
底部：0；
z指数：-1；
}
#内容{
高度：1000px；
}

标题
更多

用于图像：

---

背景尺寸：封面
你能提供你的css文件内容吗？请澄清你的问题并用你当前的代码创建一个新的css文件。目前还不清楚您当前的问题或期望的结果是什么-例如，查看端口的高度，但我希望它等于完整页面是完整页面而不是视口的高度？似乎没有足够的内容使它比viewport@tangoal我刚刚更新了问题，不客气。请接受答案，以便其他人知道问题已解决（单击答案左上角的勾号）