Question

我这里有一个简单的轮播是html标记

＆＃13;

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

＆＃13;

问题在于旋转木马控件，它在chrome上运行得很好但是当我在firefox上尝试它时控制箭头不可点击，glyphicons看起来很好但它们不起作用，自动滑动工作正常但是当我尝试手动更改幻灯片时，控件箭头不起作用。

Answer 1

我明白了。我已经更改了标题的css一些如何使这个标题在firefox上的所有内容之上，所以导航无法正常工作，因为我一直在点击标题。我仍然没有想到为什么这只发生在firefox上。

Bootstrap轮播控件不能在firefox上运行

1 个答案: