javascript - Bootstrap 轮播文本淡入淡出

Question

是否可以防止 Bootstrap 轮播的标题与背景图像一起滑动，而是在“滑动”时淡出，在“滑动”时新标题淡入？

Answer 1

我更喜欢使用纯 CSS 解决方案:

.item.next .carousel-caption {
    opacity: 0;
}

.carousel-caption {
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
}

它确实依赖于 CSS3 转换，因此不适用于较旧的浏览器(对于 IE 意味着至少版本 10)，但现在是为 future 编写代码的时候了!