2016-06-14 15 views
0

私はブートストラップのカルーセルを使用していますが、いくつかのカスタム矢印画像を使用しています。彼らはまだ透明性を示しています、どうすればそれらを完全に不透明で普通に見せることができますか?いくつかのコード:サイド矢印画像を非透明にする方法

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

答えて

0

CSSでopacity: 1;opacity: 0;を変更してみてください。

0

ブートストラップCSSは不透明で、いくつかの他のCSSクラスを持って、以下のCSSを使用するようにしてください:

.carousel-control { 
    filter: none; 
    opacity: 1; 
} 
.carousel-control:hover, 
.carousel-control:focus { 
    filter: none; 
    opacity: 1; 
} 

それはdoesntの場合はこれがあなたのために働いていた、http://jsfiddle.net/であなたのコードをポスト:)

を?
関連する問題