使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; 
}