bootstrap 轮播组件ie bug求大神指点

Question

 <div id="myCarousel" class="carousel slide col-xs-12">
 <!-- Carousel items -->
 <a class="left col-xs-1" href="#myCarousel" data-slide="prev"><img src="bootstrap/img/right.png"/></a>
 <div class="carousel-inner col-xs-10">
   <div class="active item col-xs-12">
   <div class="col-xs-2 my-col-xs-2"><img src="bootstrap/img/person1.png"/><br/><small>党委书记何韩桥</small></div>
   <div class="col-xs-2 my-col-xs-2"><img src="bootstrap/img/person1.png"/><br/><small>党委书记何韩桥</small></div>
   <div class="col-xs-2 my-col-xs-2"><img src="bootstrap/img/person1.png"/><br/><small>党委书记何韩桥</small></div>
   <div class="col-xs-2 my-col-xs-2"><img src="bootstrap/img/person1.png"/><br/><small>党委书记何韩桥</small></div>
   <div class="col-xs-2 my-col-xs-2"><img src="bootstrap/img/person1.png"/><br/><small>党委书记何韩桥</small></div>
   <div class="col-xs-2 my-col-xs-2"><img src="bootstrap/img/person1.png"/><br/><small>党委书记何韩桥</small></div>
   
   </div>
   <div class="item col-xs-12">
   <div class="col-xs-2 my-col-xs-2"><img src="bootstrap/img/person1.png"/><br/><small>党委书记何韩桥</small></div>
   <div class="col-xs-2 my-col-xs-2"><img src="bootstrap/img/person1.png"/><br/><small>党委书记何韩桥</small></div>
   <div class="col-xs-2 my-col-xs-2"><img src="bootstrap/img/person1.png"/><br/><small>党委书记何韩桥</small></div>
   <div class="col-xs-2 my-col-xs-2"><img src="bootstrap/img/person1.png"/><br/><small>党委书记何韩桥</small></div>
   <div class="col-xs-2 my-col-xs-2"><img src="bootstrap/img/person1.png"/><br/><small>党委书记何韩桥</small></div>
   <div class="col-xs-2 my-col-xs-2"><img src="bootstrap/img/person1.png"/><br/><small>党委书记何韩桥</small></div>
   
   </div>
 </div>
 <!-- Carousel nav -->
 
 <a class="right col-xs-1" href="#myCarousel" data-slide="next"><img src="bootstrap/img/left.png"/></a>

 </div>

chrome 360 右击可以轮播，ie如上图 不行

Answer 1

ie不支持图片过渡效果

Answer 2

脚本兼容性