Carousel Caption wird nicht verschwinden, wenn es slide Bootstrap ändert

Question

Hallo Ich bin neu zu Bootstrap und mache ein Karussell für meine Landingpage. Auf jeder Seite befindet sich ein Container, der eine Karussell-Beschriftung enthält, die dann einen Text und einige Links enthält. Wenn die Folien den ersten Folietext ändern, bleiben die Links statisch und überlagern sich mit dem nächsten Bild und dem Bild danach. Die Bilder ändern sich gut und die Karussell-Beschriftung für die anderen Folien verschwindet in Ordnung, aber die erste wird nicht verlassen. Hier ist ein Link zu einigen meiner Code https://jsfiddle.net/marvstah/t5brxcnk/9/ jede Hilfe oder Punkt auf die richtige Richtung wird geschätzt, das hat mich für Stunden verrückt.

Link zu jsfiddle: https://jsfiddle.net/marvstah/t5brxcnk/9/

Answer 1

Das Problem in Ihrem CSS ist ... Die 'Opazität: 1' überschrieben, was Karussell zu tun versucht. Kommentieren Sie das und es wird Sie weiterbringen.

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