Carousel Caption 在更改幻灯片引导时不会消失

Question

您好，我是 bootstrap 新手，正在为我的着陆页制作轮播。在每一侧都有一个容器，其中包含一个轮播标题，然后有一些文本和一些链接。当幻灯片更改第一张幻灯片文本时，链接保持静态并重叠到下一张图片和之后的图片上。图像变化很好，其他幻灯片的轮播标题消失了，但第一个不会离开。这是我的一些代码的链接https://jsfiddle.net/marvstah/t5brxcnk/9/ 任何帮助或指出正确的方向表示赞赏，这让我发疯了好几个小时。

jsfiddle 链接：https://jsfiddle.net/marvstah/t5brxcnk/9/

Answer 1

问题出在您的 css 中...“不透明度：1”覆盖了轮播试图做的事情。把它注释掉，它会让你开始。

.carousel.fade .item:first-child {
    top: auto;
    opacity: 1;
    position: relative;
}