Internet explorer Twitter Bootstrap 2.0旋转木马和IE转换问题
我知道,对于一些人来说,这是一个持续存在的问题,因为幻灯片转换在IE中不起作用。有好几次,在web上,我将类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
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">‹</a>
<a class="right carousel-control" href="#myCarousel" data-slide="next">›</a>
</div>
第一个缩略图标签
我是奥迪奥先生,我是一个医疗机构,我是一个医疗机构,我是一个非怀孕妇女,我是一个医疗机构,我是一个医疗机构,我是一个医疗机构
第二个缩略图标签
我是奥迪奥先生,我是一个医疗机构,我是一个医疗机构,我是一个非怀孕妇女,我是一个医疗机构,我是一个医疗机构,我是一个医疗机构
第三个缩略图标签
我是奥迪奥先生,我是一个医疗机构,我是一个医疗机构,我是一个非怀孕妇女,我是一个医疗机构,我是一个医疗机构,我是一个医疗机构
用于Twitter引导的Carousel插件使用CSS3转换
如果您想在IE中进行转换,您需要找到一个垫片或一些代码修改(如注释中所建议的)以添加到支持中。现在已修复,请获取最新版本的引导或我所做的,因为我已经使用较旧版本完成了它
检查这里
同样,你也可以在IE7-IE9中尝试滑动;哦,好吧,我不知道他们在这张照片上没有使用自己的多边形填充。这是有道理的,因为在IE8以下的照片中也没有响应或圆角。好吧,谢谢!