Css 引导：无背景img的视差旋转木马

我试图做视差效果与引导转盘在顶部。我想用一个内容来覆盖它

这是我现在没有视差的代码

.content{
宽度：100%；
高度：500px；
背景颜色：棕色；
颜色：白色；
}

洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆

这应该可以做到：

HTML:

---

我做了一些颜色更改，使文本和旋转木马指示器更清晰可见。

因此，经过长期思考，我找到了解决方案

不用

<div class="carousel-item active">
  <img class="d-block w-100 img-fluid" src="${blok.get_obrazek_url(site)}">
</div>

我是这样做的

 <div class="carousel-item active">
   <div class="carousel-image " style="background-image:url('${blok.get_obrazek_url(site)}');"></div>    
 </div>

---

在这之后，我可以在css文件中使用背景附件

谢谢你的帮助，但这其实不是我的问题，我用navbar做了这个。但现在我想在旋转木马下放置内容，当有人滚动时，内容会在旋转木马上移动。最后，它应该看起来像正常的视差

<div class="carousel-item active">
  <img class="d-block w-100 img-fluid" src="${blok.get_obrazek_url(site)}">
</div>

 <div class="carousel-item active">
   <div class="carousel-image " style="background-image:url('${blok.get_obrazek_url(site)}');"></div>    
 </div>