h1文本显示在侧滑导航栏上方

Question

我正在尝试制作一个适合移动设备的网站，其中包含一个菜单，当点按按钮时，该网站会从侧面滑出。我正在使用Bootstrap进行幻灯片放映，其中包括图像上的h1文本。就像在这张照片中一样（没有足够的声望点直接放入一个，对不起）http://i.imgur.com/ODbbCKN.png。请注意，这不是在移动浏览器/设备上进行的，而是来自谷歌浏览器。

问题是幻灯片上的文字和点击点与菜单重叠，我不想发生这种情况。我希望菜单清晰干净，没有它。

我尝试使用z-index值来纠正这个问题，但无论我分配给每个值，它都无法正常工作。有什么建议吗？

Answer 1

使用z-index时，必须确保要尝试应用z-index的元素必须具有静态以外的位置，例如position：relative;或位置：绝对;

Answer 2

好消息！我发现了这个问题。我试图仅将z-index应用于h1元素，因为这与菜单重叠。我尝试通过添加：

给整个Bootstrap Carousel一个z-index为1

#myCarousel {
z-index: 1;
}

到我的CSS页面。并且还将构成滑动菜单的所有元素分配为z-index值为9。