我使用的是Bootstrap v3.3.2。旋转木马没有在IE8上启动。它显示了我使用的所有4个面板,未隐藏,相互叠加。没有动画。按钮不起作用。
这是我的代码:
<div class="container" style="padding: 0;">
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12" style="padding: 0;">
<div id="main-slideshow-container">
<div id="main-slideshow-container-inner">
<div id="main-slideshow" class="carousel slide" data-ride="carousel" data-interval="@INTERVAL@">
<!-- Wrapper for slides -->
<div class="carousel-inner">
// @PANELS@
</div>
<!-- Controls -->
<a class="left carousel-control" role="button"
data-slide="prev" onclick="$('#main-slideshow').carousel('prev');">
<span class="glyphicon glyphicon-chevron-left"></span>
</a>
<a class="right carousel-control" role="button"
data-slide="next" onclick="$('#main-slideshow').carousel('next');">
<span class="glyphicon glyphicon-chevron-right"></span>
</a>
</div> <!-- Carousel -->
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
$(document).ready(function(){
$("#main-slideshow").carousel();
});
</script>
在我的标题中,我加载了bootstrap
个CSS文件,然后加载了jquery
1.11.0。然后bootstrap
js。最后一个:
<!--[if lt IE 9]>
<script src='/bootstrap/js/html5shiv.js'></script>
<script src='/bootstrap/js/respond.min.js'></script>
<![endif]-->
答案 0 :(得分:1)
“也支持Internet Explorer 8和9,但请注意,这些浏览器并不完全支持某些CSS3属性和HTML5元素。”
来自getbootstrap.com的报价
这可能是你的问题吗?如果你还有问题,请回复!