使Bootstrap旋转木马导航仅在悬停时显示

Question

我使用的是Bootstrap的旋转木马，发现here。这是一个很棒的脚本，不幸的是，我希望它能够让导航箭头消失，只能在悬停时出现。这是可能的，我将如何去实施呢？

感谢您的帮助！

Answer 1

你只需要CSS

.carousel .carousel-control { visibility: hidden; } 
.carousel:hover .carousel-control { visibility: visible; } 

Demo (jsfiddle)

Answer 2

它也好看一点点摆脱那些讨厌的梯度，从而增加这个也做的：

.carousel-control.left, .carousel-control.right { 
    background: none !important; 
    filter: progid: none !important; 
    outline: 0; 
} 
.carousel .carousel-control { 
    visibility: hidden; 
} 
.carousel:hover .carousel-control { 
    visibility: visible; 
}