我正在尝试制作一个移动友好型网站，其中包括一个菜单，当点击按钮时，该菜单会从侧面滑出。我正在使用Bootstrap进行幻灯片放映，其中包括图像上的h1文本。就像这张照片中一样（抱歉，没有足够的信誉点数直接输入）https://i.stack.imgur.com/YuaQ4.png.请注意，这不是在移动浏览器/设备上拍摄的，而是从谷歌Chrome上拍摄的。
问题是幻灯片上的文本和点击点与菜单重叠，我不希望发生这种情况。我希望菜单清晰明了，没有那个。
我试图使用z索引值来纠正这一点，但无论我为每个值分配什么，它都不起作用。有什么建议吗？
使用z索引时，必须确保尝试应用z索引的元素必须具有静态以外的位置，例如position:relative；或位置：绝对；
好消息！我发现了问题。我试图将z索引仅应用于h1元素，因为这就是重叠菜单的原因。相反，我尝试给整个引导旋转木马的z索引为1，添加了：
#myCarousel {
z-index: 1;
}
到我的CSS页面。并为构成滑动菜单的所有元素指定z索引值9。