Carousel Caption не исчезнет, ​​когда он изменит загрузку слайдов

Question

Здравствуйте, я новичок в ремешке для загрузки и делаю карусель для своей целевой страницы. В каждой стороне находится контейнер, в котором есть карусель, который затем имеет некоторый текст и некоторые ссылки. Когда слайды меняют первый текст слайда, а ссылки остаются статичными и накладываются на следующее изображение и изображение после этого. Изображения меняются отлично, а заголовок карусели для других слайдов исчезает хорошо, но первый не уйдет. Вот ссылка на некоторые из моего кода 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; 
}