我目前正在开展一个项目，我想使用这个全屏旋转木马（http://bootsnipp.com/snippets/ZkRvj）。我目前正在使用最新的bootstrap 3版本（3.3.7），但是这个特定的代码段是为3.2.0构建的。
（如果你将bootsnipp中的bootstrap版本更改为最新版本，你也可以复制问题）
我遇到的问题是DIV .overlay用于使旋转木马中每张幻灯片的背景变暗也与文本和按钮重叠，这意味着文本和按钮也变暗了。我试过给.hero类（用于文本和按钮）和子元素一个更高的z-index但是这不能解决问题。我也试过降低叠加z-index，但这也行不通。
这个问题没有在bootstrap 3.2.0中显示，但在3.3.7中没有显示，我不知道如何解决这个问题。
谢谢
答案 0 :(得分：1)
我不知道为什么bootstrap版本的变化应该给出这个问题，尽管它显然会...
我使用3个步骤解决了您的问题：
1）给.carousel-inner background-color: #000;。
2）删除＆＃39; .overlay＆＃39;格。
3）在.slide-x规则（您设置背景图片的位置）中，添加opacity: 0.4;。
基本上，这会使图像半透明，但不是你的英雄。正如您可以通过图像看到幻灯片容器的（现在）黑色背景，您可以获得完全相同的效果，而不会出现z-index心痛。