Javascript 菜单上的文本重叠（引导）

我插入的引导转盘标题有问题。 这是我的网页图片，请注意，在右上方，我的文章标题覆盖在我的菜单上。（点击菜单按钮，菜单弹出）。我想把标题放在菜单后面。

我不知道这是菜单、引导还是PHPs代码。下面是旋转木马标题的代码：

“alt=“…”class=“img responsive”id=“Banner\u News\u Images”>

和CSS：

#横幅容器{
@媒体屏幕{
@介质（最小宽度：100px）
和（最大宽度：960像素）{
填充顶部：45px；
左侧填充：0；
右边填充：0；
}
}
填充顶部：65px；
左侧填充：0；
右边填充：0；
}
#横幅-12-集装箱{
左侧填充：0；
右边填充：0；
}
#横幅-Grid-4{
左侧填充：0；
右边填充：0；
}
#Banner-Grid-4：悬停{
左侧填充：0；
右边填充：0；
}
#横幅新闻图片{
高度：300px；
宽度：100%；
}
#横幅新闻图片：悬停{
高度：300px；
宽度：100%；
过渡：1s；
不透明度：0.7；
}
.旋转木马标题{
浮动：左；
左侧填充：0；
右：40%；
左：5%；
}
#横幅标题{
颜色：白色；
文本对齐：左对齐；
浮动：左；
}
#标题：悬停{
颜色：白色；
}

这就是为什么：

z-index: 9;

对于

z

平面，您是说文本应该出现在9号。而所有内容都设置为默认值（我认为是零）

---

要解决此问题，请为右侧边栏的容器指定更高的z索引值。

这就是原因：

z-index: 9;

对于

z

平面，您是说文本应该出现在9号。而所有内容都设置为默认值（我认为是零）

---

若要解决此问题，请为右侧侧边栏的容器指定一个更高的z索引值。

我将其设置得更高并删除了它，但仍然没有任何结果，是的，这是标题旋转木马问题，因为当我删除它时，文本位于菜单后面。但我需要标题旋转木马显示在图像内部。@David给出了一个父元素t a

z-index

属性，因此它的max

z-index

包含在父级中。如果没有父级z-index，它将基本上位于任何其他元素的顶部。因此在这种情况下，您的

col-sm-6 col-md-3

可以有一个

z-index:1

，然后侧栏可以有一个

z-index:2

。我知道了，它是actually在CSS的.carousel标题区域中，我给了它一个z索引0，但它工作了，谢谢。我把它调高并删除了它，仍然没有什么，是的，这是标题carousel的问题，因为当我删除它时，文本在菜单后面。但是我需要标题carousal显示在图像内部。@David给出了一个例子t a

z-index

属性，因此它的max

z-index

包含在父级中。如果没有父级z-index，它将基本上位于任何其他元素的顶部。因此在这种情况下，您的

col-sm-6 col-md-3

可以有一个

z-index:1

，然后侧栏可以有一个

z-index:2

。我知道了，它是actu在CSS的.carousel标题区域中，我给了它一个z索引0，它工作了，谢谢。