2014-05-02 14 views
0

使用flexslider(傳送帶模式)和Internet Explorer 11,ghost(視口外部的閃爍圖像)apeears。初始化代碼如下:滑動時會出現視口外的Ghost/Blink圖像 - IE11和Flexslider Carousel

$('.gallery-block .flexslider').flexslider({ 
     animation: 'slide', 
     slideshowSpeed: 5000, 
     animationSpeed: 2000, 
     animationLoop: true, 
     itemWidth: 214, 
     itemMargin: 30, 
     minItems: 3, 
     maxItems: 4, 
     controlNav: false, 
     pauseOnHover: false, 
     slideshow: true, 

     _end_of:"args" 
    }); 

任何想法?

回答

0

在IE11中使用CSS3轉換時,似乎會出現問題。

問題是由禁用Flexslider的CSS3特性解析:

useCSS

useCSS允許用戶使用CSS3動畫覆蓋。 Translate3d 仍然有許多錯誤可能會出現並造成嚴重破壞,因此如果您在Webkit瀏覽器中遇到無法解釋的 問題,那麼這是一個很好的財產。

來自:https://github.com/woothemes/flexslider

只是測試瀏覽器是否IE11和傳遞useCSS: false到jQuery.flexslider(),它解決了。