Javascript 导航栏下的引导转盘

所以我工作的这个网站必须有一个背景客户想要它，我讨厌它。。我已使导航栏透明，以便背景图像显示在其后面。现在我想在导航栏下面添加一个旋转木马，并且无论如何都不会重叠。我仍然需要导航栏后面的图像背景图像这是我到目前为止得到的：

/*! 主页CSS | |由Thomas Withers@Ice7Media创建 */ /*全局样式 ============================================================ */ html{ 背景：url../img/greywavepaper-grait.jpg无重复中心固定； -webkit背景尺寸：封面； -moz背景尺寸：封面； -o-背景尺寸：封面； 背景尺寸：封面； } 身体{ 宽度：100%； 身高：100%； 字体系列：“开放式Sans”，无衬线； 颜色：000； } h1， h2， h3， h4， h5{ 字体系列：“Oswald”、“Open Sans”、“Sans serif”； 颜色：000； } p{ 字体系列：“开放式Sans”，无衬线； 颜色：000； } /*全局导航栏格式 ==============================================================*/ navbar先生{ 垫底：10px； } 纳瓦尔先生{ 边缘顶部：20px； } .navbar.transparent.navbar-default{ 边框宽度：0px； -网络工具包盒阴影：0px 0px； 盒影：0px 0px； 背景色：rgba0,0,0,0.0； 背景图像：-webkit gradientlinear，50.00%0.00%，50.00%100.00%，颜色停止0%，rgba0,0,0.00，颜色停止100%，rgba0,0,0.00； 背景图像：-webkit-linear-Gradient270度，rgba0,0,0,0.00%，rgba0,0,0,0.00 100%； 背景图像：线性梯度180度，rgba0,0,0,0.00%，rgba0,0,0,0.00 100%； } /*全局页脚格式 ==============================================================*/ /*主页格式 ==============================================================*/ /*全宽度滑块格式*/ /*旋转木马基类*/ 旋转木马{ 填充顶部：100px； 身高：100%； } /*由于定位图像，我们需要帮助解决标题问题*/ .旋转木马标题{ z指数：10； } /*由于img元素的定位而声明高度*/ .carousel.项目{ 高度：500px； 背景色：bbb； } .旋转木马{ 位置：绝对位置； 排名：0； 左：0； 最小宽度：100%； 身高：100%； } /*菜单的页面格式 ==============================================================*/ /*电子俱乐部网页格式 ==============================================================*/ /*事件页面格式 ==============================================================*/ /*联系人页面格式 ==============================================================*/ 博卡迪奥|南美菜肴 引导3旋转木马布局 对网格的更改 Bootstrap3仍然有一个12列的网格，但是许多CSS类名已经完全改变了

$'.carousel'.carousel{ 间隔：5000//改变速度 } 只需在身体上添加一个与导航栏高度相等的边距，如下所示：

body {
    margin-top: 50px;
}

---

注意：用导航条的高度替换50px。

在包含导航条的分区上以及包含转盘的分区上使用z索引样式。这就是你要说的：

这一个指向包含导航栏的div：

style="z-index:10;"

这一个到了包含你的旋转木马的div：

style="z-index:5;" 

---

@我很高兴能帮上忙。如果答案解决了你的问题，请点击答案左侧的勾号，将其标记为正确答案，我的好朋友：干杯