javascript - Bootstrap Carousel ナビゲーションをホバー時にのみ表示する

Question

ここにある Bootstrap のカルーセルを使用していました。これは素晴らしいスクリプトですが、残念ながら、ナビゲーション矢印が消えてホバー時にのみ表示されるようにしたいと考えています。これは可能ですか?それを実装するにはどうすればよいですか?

助けてくれてありがとう！

Answer 1

CSSが少し必要です

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

デモ（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;
}