Question

我尝试过这段代码，它在所有浏览器上运行都很完美，但在IE上却没有人帮我解决这个问题。我无法更改此代码但请添加更多代码以便在IE上运行淡入淡出效果。

$(document).ready(function() {
    $("#img-slider").owlCarousel({

    autoPlay: 3000, //Set AutoPlay to 3 seconds

    items : 1,
    itemsDesktop : [1199,1],
    itemsDesktopSmall : [979,1],
    itemsTablet:[768,1],
    navigation : false,
    pagination: true,
    autoPlay: true,
    touchDrag: false,
    mouseDrag: false,
    transitionStyle : "fade"

    });     
});

Answer 1

显然是在插件的github repo上报道的 - https://github.com/OwlFonk/OwlCarousel/issues/346

问题是owl插件在不支持CSS转换的浏览器中包含IE10和11。因此，您可以将owl carousel与Modernizr结合使用，并替换“support3d”变量：

support3d = (asSupport !== null && asSupport.length === 1);

与

support3d = (Modernizr.csstransforms3d);

似乎解决了它！：）

或者如果您可以升级版本，只需使用this version of插件（pull-request）修复它。

如何在IE浏览器中运行猫头鹰轮播滑块的淡入淡出效果

1 个答案: