私はブートストラップのカルーセルを使用していますが、いくつかのカスタム矢印画像を使用しています。彼らはまだ透明性を示しています、どうすればそれらを完全に不透明で普通に見せることができますか?いくつかのコード:サイド矢印画像を非透明にする方法
HTML:
<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
<span>
<img src="../assets/imgs/arrows.png" />
</span>
</a>
<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
<span>
<img src="../assets/imgs/arrows.png" />
</span>
</a>
CSS:
.carousel-control .glyphicon,
.carousel-control .icon-prev,
.carousel-control .icon-next {
position: absolute;
top: 50%;
left: 50%;
z-index: 5;
display: inline-block;
width: 20px;
height: 20px;
margin-top: -10px;
margin-left: -10px;
font-family: serif;
opacity: 0;
}