是不是可以在IE中使用引导程序的Carousel?

时间:2014-08-18 10:12:14

标签: twitter-bootstrap

我正在使用bootstrap 3.02,在IE中使用轮播的解决方案是什么?

2 个答案:

答案 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>