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轉換問題

回答

相關問題