Wie man Seitenpfeilbilder nicht transparent macht

Question

Ich benutze Bootstrap's Karussell, aber mit einigen benutzerdefinierten Pfeilbildern. Sie sind immer noch transparent, wie kann ich sie bei voller Opazität normal zeigen lassen? Einige Code:

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

Answer 1

Versuchen Sie, die opacity: 0; zu opacity: 1; in der CSS zu ändern.

Answer 2

Die Bootstrap CSS haben eine andere CSS-Klasse mit einer Undurchsichtigkeit, versuchen die CSS verwenden unter:

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

Diese für Sie gearbeitet Wenn es tut, post Ihr Code bei http://jsfiddle.net/ :)