滑动时出现在视口外的Ghost / Blink图像 - IE11和Flexslider Carousel

时间:2014-05-02 08:37:05

标签: css3 flexslider internet-explorer-11

使用flexslider(轮播模式)和Internet Explorer 11,重影(视口外的闪烁图像)可以使用。初始化代码如下:

    $('.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"
    });

有什么想法吗?

1 个答案:

答案 0 :(得分:0)

使用IE11过渡时,似乎出现了问题。

通过禁用Flexslider的CSS3功能解决了该问题:

  

<强> useCSS

     

useCSS允许用户使用CSS3覆盖动画。 Translate3d   仍然有许多错误可以突然出现并造成严重破坏,所以这是一个   如果您遇到无法解释的巨大财产   Webkit浏览器中的问题。

     

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

只是测试浏览器是否为IE11,useCSS: false 传递给jQuery.flexslider(),它就解决了。