カルーセル ブートストラップを使用していますが、Internet Explorer 10 では正しく動作しません。Mozilla と Chrome では完全に動作します。
index.php の私のコードは次のとおりです。
<div id="this-carousel-id" class="carousel slide" style="width: 90%;">
<div class="carousel-inner" style="width: 100%;">
<div class="item active" style="width: 100%;">
<img style="width: 100%; height: 350px;" src="img/bg_home_1.JPG"/>
<div class="carousel-caption">
<p>O que extraimos</p>
</div>
</div>
<div class="item" style="width: 100%;">
<img src="img/bg_home_2.jpg" style="width: 100%; height: 350px;"/>
<div class="carousel-caption">
<p>Temos uma basta variedade de produtos</p>
</div>
</div>
<div class="item" style="width: 100%;">
<img src="img/bg_home_3.jpg" style="width: 100%; height: 350px;"/>
<div class="carousel-caption">
<p>Estamos equipados com o melhor material</p>
</div>
</div>
</div><!-- .carousel-inner -->
<!-- next and previous controls here
href values must reference the id for this carousel -->
<a class="carousel-control left" href="#this-carousel-id" data-slide="prev">‹</a>
<a class="carousel-control right" href="#this-carousel-id" data-slide="next">›</a>
</div>
(....)
<script type="text/javascript">
$(document).ready(function(){
$('#carousel').carousel({
interval: 4000
});
});
</script>
結果は、http: //graniextracao.com/novosite/でオンラインで確認でき ます。