Ustaw nawigację karuzeli Bootstrap tylko po najechaniu myszą

Question

Użyłem karuzeli Bootstrapa, znalezionej here. To świetny skrypt, niestety chciałbym, aby strzałki nawigacyjne zniknęły i pojawią się tylko na hover. Czy jest to możliwe i jak chciałbym je wdrożyć?

Dzięki za pomoc!

Answer 1

Trzeba tylko trochę CSS

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

Demo (jsfiddle)

Answer 2

Jest również miłe, aby pozbyć się tych nieznośnych gradienty, które Dodanie tego robi także:

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