Html 标题上的全屏图像背景

我想让css和引导网站布局

我试过Foundataion FW，我得到了我想要的。但是，当我切换到引导并像以前一样使用相同的代码时。结果是不同的

我想布局标题全屏图像作为背景像这个网站

以下是我的自定义css：

.intro{
background-image: url(../img/asset/new_bg.jpg);
position: absolute;
height: 100%;
width: 100%;
background-size: cover;

}

HTML:

问题是：

图像不是全屏的 下一个div，例如Nav，下面没有关于class.intro的div的文章。但是，它在div类介绍中。

---

我有一个解决办法给你

问题1 我所做的是我在第一个div下面添加了一个，所以这个div带有类介绍。img有一个bg类别

然后添加以下css：

.bg{
  position:absolute;
  z-index:-1;
  width:100%;
  height:100%;
}

你有一把小提琴。我添加了很多标签来向您展示它的工作原理

您还可以尝试设置背景图像高度：100%和宽度：auto；。如果这样做，图像就不会在某些屏幕上如此拥挤

问题2 我给每张幻灯片都发了一张课堂幻灯片。我还向所有幻灯片类添加了position:relative；。塔卡：看看这个

---

我希望你的问题现在得到解答。如果您还有其他问题，请随时提问。

第一个问题已经解决！但是，第二个问题仍然存在。我不能在第一节课的下面加上课堂介绍。请检查一下小提琴。“我举了一个例子，”苏拉曼说，“如果我理解正确的话。你想把红色的部分放在介绍部分下面，这样你就可以制作更多类似介绍部分的幻灯片了。没错！我想把红色的部分放在介绍部分下面，但不是为了制作更多的幻灯片。我只想添加另一个div，如article、footer等@Surahman看看我对问题2的回答。它应该足够你继续你的网站开发。如果没有，请查看以下内容：。这是一篇文章而不是幻灯片。你解决了这个问题！非常感谢你。我已经浪费了5个多小时的时间去尝试。

.bg{
  position:absolute;
  z-index:-1;
  width:100%;
  height:100%;
}