我正在使用bootstrap 3.02,在IE中使用轮播的解决方案是什么?
答案 0 :(得分:1)
根据Docs
Internet Explorer 8及更高版本不支持的过渡动画9 强>
Bootstrap专门为其动画使用CSS3,但是Internet Explorer 8& 9不支持必要的CSS属性。因此,那里 使用这些浏览器时没有幻灯片转换动画。我们有 故意决定不包括基于jQuery的后备 跃迁。
你可以试试这个:http://bxslider.com/examples/carousel-demystified完全响应并且也受IE7的支持。
答案 1 :(得分:0)
试试这个:
CSS:
<link href="bootstrap-3.2.0/css/bootstrap-theme.min.css" rel="stylesheet" />
<link href="bootstrap-3.2.0/css/bootstrap.min.css" rel="stylesheet" />
HTML:
<!-- Wrapper for slides -->
<div class="carousel-inner">
<div class="item active">
<img src="..." alt="...">
<div class="carousel-caption">
...
</div>
</div>
<div class="item">
<img src="..." alt="...">
<div class="carousel-caption">
...
</div>
</div>
...
</div>
<!-- Controls -->
<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span>
</a>
<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right"></span>
</a>
</div>
JS:
<script src="bootstrap-3.2.0/js/bootstrap.js"></script>
<script src="bootstrap-3.2.0/js/bootstrap.min.js"></script>