2014-12-17 3 views
0

у меня есть этот простой каруселью здесь является HTML-разметкеBootstrap управления карусельного не работает на Firefox

<div id="myCarousel" class="col-sm-6 col-sm-offset-1 carousel slide" data-ride="carousel"> 
 

 
    <!-- Wrapper for slides --> 
 
    <div class="carousel-inner" role="listbox"> 
 
    <div class="item active"> 
 
     <a href="#"> 
 
     <img src="images/clinic1.jpg" alt="first slide"> 
 
     </a> 
 
     <div class="carousel-caption"> 
 
     <h2>Test</h2> 
 
     <a href="#" class="btn btn-default btn-sm">Read more</a> 
 
     </div> 
 
    </div> 
 
    <div class="item"> 
 
     <a href="#"> 
 
     <img src="images/clinic2.jpg" alt="secound slide"> 
 
     </a> 
 
     <div class="carousel-caption"> 
 
     <h2>Test</h2> 
 
     <a href="#" class="btn btn-default btn-sm">Read more</a> 
 
     </div> 
 
    </div> 
 
    <div class="item"> 
 
     <a href="#"> 
 
     <img src="images/clinic3.jpg" alt="third slide"> 
 
     </a> 
 
     <div class="carousel-caption"> 
 
     <h2>Test</h2> 
 
     <a href="#" class="btn btn-default btn-sm">Read more</a> 
 
     </div> 
 
    </div> 
 
    </div> 
 

 
    <!-- Controls --> 
 
    <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev"> 
 
    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span> 
 
    <span class="sr-only">Previous</span> 
 
    </a> 
 
    <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next"> 
 
    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span> 
 
    <span class="sr-only">Next</span> 
 
    </a> 
 
</div>

проблема с контролем карусельных, она работает просто отлично на хроме, но когда я попробовал это на firefox, стрелки управления не доступны для кликов, глификоны выглядят просто отлично, но они не работают, автоматическое скольжение работает нормально, но когда я пытаюсь вручную сменить слайды, стрелки управления не работают.

+0

Попробуйте переместить классы 'col-sm-6 col-sm-offset-1' за пределами' '' div class = "carousel"> 'self. – cvrebert

+0

@cvrebert извините за поздний ответ, я попробовал и еще одну проблему –

ответ

0

Я понял. я изменил css для заголовка, как это сделало надпись поверх всего на firefox, чтобы навигация не работала, потому что я постоянно нажимал на подпись. Я до сих пор не понял, почему это произошло только в firefox.

Смежные вопросы