Question

我知道这对于一些幻灯片转换无法在IE中运行的人来说是一个持续存在的问题。 The solution I'd seen here on SO多次在网络上将slide类添加到myCarousel div中。所以，我访问了Bootstrap网站，并将标准轮播的代码复制并粘贴到我的网页中，并且......没有在IE中转换。我甚至在IE浏览器中Twitter Bootstrap's Carousel page，猜猜是什么？ IE9及以下版本在他们自己的页面上没有转换，他们甚至将类slide添加到myCarousel div。使用Bootstrap 2.0的其他人是否会出现这种情况（我在我的页面上使用了最新的JQuery副本，1.8.0，如果这有所不同。另外，我使用自定义版本的Bootstrap，过渡和轮播捆绑到bootstrap.js文件）。这是我为自己的图像修改和粘贴的代码：

<div id="myCarousel" class="carousel slide">
        <div class="carousel-inner">
          <div class="item active">
            <img src="img/CRC615_LivingRoom_cropped.jpg" alt="A living room with wrap around balcony and view of Gulf of Mexico at Caribe Resort">
            <div class="carousel-caption">
              <h4>First Thumbnail label</h4>
              <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
            </div>
          </div>
          <div class="item">
            <img src="img/OutcastCharterDocks-rentals-charters-cruises.jpg" alt="Outcast Marina in Orange Beach offers vacationers parasailing and jetski rentals">
            <div class="carousel-caption">
              <h4>Second Thumbnail label</h4>
              <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
            </div>
          </div>
          <div class="item">
            <img src="img/CobaltRestaurantOrangeBeach.jpg" alt="">
            <div class="carousel-caption">
              <h4>Third Thumbnail label</h4>
              <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
            </div>
          </div>
        </div>
        <a class="left carousel-control" href="#myCarousel" data-slide="prev">&lsaquo;</a>
        <a class="right carousel-control" href="#myCarousel" data-slide="next">&rsaquo;</a>
      </div>

Answer 1

现在已修复，请获取最新版本的bootstrap或我所做的事情，因为我已经使用旧版本完成了它检查一下 http://tutewall.com/bootstrap-carousel-transition-fixed/

Answer 2

Twitter Bootstrap的Carousel插件使用CSS3 Transitions。 IE9 does not support CSS3 Transitions

如果你想在IE中进行转换，你需要找到一个垫片或一些代码修改（如评论中所建议的）来添加支持。

Twitter Bootstrap 2.0 Carousel和IE转换问题

2 个答案: