Internet explorer Twitter Bootstrap 2.0旋转木马和IE转换问题

Internet explorer Twitter Bootstrap 2.0旋转木马和IE转换问题,internet-explorer,twitter-bootstrap,carousel,transitions,Internet Explorer,Twitter Bootstrap,Carousel,Transitions,我知道,对于一些人来说,这是一个持续存在的问题,因为幻灯片转换在IE中不起作用。有好几次,在web上,我将类slide添加到myCarousel div。因此,我访问了Bootstrap网站,并将标准旋转木马的代码复制并粘贴到我的网页中,而且…在IE中没有过渡。我甚至去了IE,你猜怎么着?IE9及以下版本在他们自己的页面上没有任何转换,他们甚至将类幻灯片添加到myCarousel div。Bootstrap 2.0的其他人是否也遇到过这种情况(我在我的页面上使用最新版本的JQuery,1.8.0

我知道,对于一些人来说,这是一个持续存在的问题,因为幻灯片转换在IE中不起作用。有好几次,在web上,我将类
slide
添加到myCarousel div。因此,我访问了Bootstrap网站,并将标准旋转木马的代码复制并粘贴到我的网页中,而且…在IE中没有过渡。我甚至去了IE,你猜怎么着?IE9及以下版本在他们自己的页面上没有任何转换,他们甚至将类
幻灯片添加到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>

第一个缩略图标签
我是奥迪奥先生,我是一个医疗机构,我是一个医疗机构,我是一个非怀孕妇女,我是一个医疗机构,我是一个医疗机构,我是一个医疗机构

第二个缩略图标签 我是奥迪奥先生,我是一个医疗机构,我是一个医疗机构,我是一个非怀孕妇女,我是一个医疗机构,我是一个医疗机构,我是一个医疗机构

第三个缩略图标签 我是奥迪奥先生,我是一个医疗机构,我是一个医疗机构,我是一个非怀孕妇女,我是一个医疗机构,我是一个医疗机构,我是一个医疗机构


用于Twitter引导的Carousel插件使用CSS3转换


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

现在已修复,请获取最新版本的引导或我所做的,因为我已经使用较旧版本完成了它 检查这里

同样,你也可以在IE7-IE9中尝试滑动;哦,好吧,我不知道他们在这张照片上没有使用自己的多边形填充。这是有道理的,因为在IE8以下的照片中也没有响应或圆角。好吧,谢谢!