Twitter Bootstrap 2.0传送带和IE转换问题

我知道这对于一些人来说是一个持续性问题，因为幻灯片转换在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的自定义版本，并将transitions和carousel捆绑到bootstrap.js文件）。下面是我复制并粘贴代码，修改为我自己的形象：Twitter Bootstrap 2.0传送带和IE转换问题

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

来源

2012-08-15 huzzah

相同[问题]（https://github.com/twitter/做到了bootstrap/issues/3219）你可以试试这个[link]（https://github.com/twitter/bootstrap/pull/3052/files）在IE7-IE9中滑动; – 2012-08-15 16:31:59

的旋转木马插件Twitter的引导使用CSS3过渡。 IE9 does not support CSS3 Transitions。

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

来源

2012-08-15 17:15:34 merv

噢，好的，我不知道他们没有在这个上使用自己的填充。有道理，看到没有响应性或圆角低于IE8。好的谢谢！ – huzzah 2012-08-15 17:40:10

它现在是固定的，请获取或最新版本的引导的我做了什么，因为我已经在这里旧版本检查 http://tutewall.com/bootstrap-carousel-transition-fixed/

来源

2012-09-13 21:58:24 Tekz

Twitter Bootstrap 2.0传送带和IE转换问题

回答

相关问题