2

これは、IE でスライド トランジションが機能しないという進行中の問題であることを知っています。 SOや Web で何度か見た解決策は、クラスslideを myCarousel div に追加することです。そこで、Bootstrap の Web サイトにアクセスし、標準のカルーセルのコードをコピーして自分の Web ページに貼り付けましたが、... IE では遷移しませんでした。IE でTwitter Bootstrap のカルーセル ページにアクセスしたこともあります。独自のページで IE9 以下の遷移はなく、クラスを追加していますslidemyCarousel 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>
4

2 に答える 2

3

修正されましたので、最新バージョンのブートストラップを入手するか、以前のバージョンで既に行っているので、ここで確認してください http://tutewall.com/bootstrap-carousel-transition-fixed/

于 2012-09-13T21:58:24.633 に答える
2

Twitter Bootstrap のカルーセル プラグインは、CSS3 トランジションを使用します。 IE9 は CSS3 Transitions をサポートしていません。

IE でトランジションが必要な場合は、シムまたはコードの変更 (コメントで提案されているように) を見つけて、サポートに追加する必要があります。

于 2012-08-15T17:15:34.960 に答える