Html 覆盖一切的背景图像
我有一个覆盖我的内容的背景图像，但是没有（背景大小：cover；）它不会占用空间。我正在做一个引导项目，我的所有内容都堆在页面顶部的横幅区域。我尝试过增加页面的高度来移动内容。我尝试在它周围添加一个div，并在body标记中移动。我已经做了大约3个小时了Html 覆盖一切的背景图像,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,我有一个覆盖我的内容的背景图像，但是没有（背景大小：cover；）它不会占用空间。我正在做一个引导项目，我的所有内容都堆在页面顶部的横幅区域。我尝试过增加页面的高度来移动内容。我尝试在它周围添加一个div，并在body标记中移动。我已经做了大约3个小时了 @导入url（'https://fonts.googleapis.com/css?family=Oswald|Rambla | statliches&display=swap'）； 身体{ 保证金：0； 填充：0； } ：根{ --黑色：#0
@导入url（'https://fonts.googleapis.com/css?family=Oswald|Rambla | statliches&display=swap'）；
身体{
保证金：0；
填充：0；
}
：根{
--黑色：#000000；
--白色：#ffffff；
--颜色边框：#ffffff 34；
--字体statat:‘statliches’，草书；
--字体os:'Oswald'，无衬线；
--字体ram:“Rambla”，无衬线；
}
/*全局类*/
.font staat{
字体：正常400 18px变量（--font staat）；
}
.font操作系统{
字体：普通300 18px变量（--font os）；
}
.字体ram{
字体：普通粗体18px变量（--font ram）；
}
.font-size-40{
字体大小：40px；
}
.font-size-34{
字体大小：34px；
}
.font-size-27{
字体大小：27px；
}
.font-size-20{
字体大小：20px；
}
.font-size-16{
字体大小：16px；
}
.BG黑色{
背景色：var（--黑色）；
}
/*#全局类*/
#标题{
位置：固定；
排名：0；
左：0；
宽度：100%；
z指数：1；
过渡：左。5s轻松；
}
#标题导航{
高度：100vh；
}
#标题.站点标题.导航栏品牌{
字母间距：2px；
颜色：var（--颜色二级）；
}
#标题.导航链接{
保证金：7雷姆1雷姆；
边框底部：1px实心变量（--颜色边框）；
文本转换：大写；
}
#标题.导航链接：悬停{
颜色：var（--白色）！重要；
}
#标题.切换按钮{
背景：无；
颜色：var（--黑色）；
位置：固定；
顶部：25px；
右：20px；
边框：1px实心变量（--颜色边框）；
}
.向左切换{
左：0！重要；
宽度：1000px！重要；
}
/*场地干管*/
.现场横幅.横幅区域{
背景：url(https://i.pinimg.com/736x/2a/a1/da/2aa1da060c0dfad146354e0cc06560c2.jpg)不重复；
背景尺寸：封面；
宽度：100%；
高度：100vh；
位置：相对位置；
}
.站点标题.标题区域.作者{
保证金：0；
位置：绝对位置；
最高：45%；
左：50%；
转换：翻译（-50%，-50%）；
}
.站点标题.标题区.作者.作者img{
宽度：250px；
高度：250px；
边界半径：50%；
保证金：自动；
背景：url（./20200507_023239272_iOS.jpg）不重复；
背景大小：115%；
背景位置：15%20%；
}
@媒体屏幕和屏幕（最小宽度：768px）{
.切换按钮{
显示：无；
}
#标题{
z指数：0；
}
}
/*#站点主节点*/
Kaija Dunklin
Kaija Dunklin
Kaija Dunklin
.background img{
/*当然，使用此解决方案，您应该删除以前的背景图像*/
位置：固定；
排名：0；
高度：100vh；
宽度：100vw；
背景图片：url(https://i.pinimg.com/736x/2a/a1/da/2aa1da060c0dfad146354e0cc06560c2.jpg);
背景尺寸：封面；
/*如果没有z索引，背景似乎覆盖了内容*/
z指数：-1；
}我真的不确定你想要实现什么，但我想我得到了你想要的： 我将背景设置在单独的div上，然后将背景图像设置为，然后将css上的Z-index值移到可以添加到页面上的其他内容后面
.background img{
/*当然，使用此解决方案，您应该删除以前的背景图像*/
位置：固定；
排名：0；
高度：100vh；
宽度：100vw；
背景图片：url(https://i.pinimg.com/736x/2a/a1/da/2aa1da060c0dfad146354e0cc06560c2.jpg);
背景尺寸：封面；
/*如果没有z索引，背景似乎覆盖了内容*/
z指数：-1；
}