AnythingSlider交叉淡入淡出不起作用

Question

我正在将AnythingSlider用于客户端站点。 Anything Slider（1.8.x）的最新版本据说现在将幻灯片交叉淡入淡出。但由于某种原因，它只是没有用。它仍然可以执行旧版本的操作：淡出幻灯片，然后弹出新幻灯片。很沮丧。我猜它一定是一些我不正确的设置，但对于我的生活，我不知道是什么。头发。拉动。出。

我的初始化代码是：

    $('#slider').anythingSlider({
    mode                : 'fade',
    resizeContents      : false,
    delay               : 6000, 
    resumeDelay         : 5000,
    navigationSize      : 5,
    buildStartStop      : false,
    hashTags            : false,
    autoPlay            : true
    });

您可以在此处查看测试网站：http://mlkchapel.dandelion-patch.com/test.html

关于为什么交叉淡入淡出不起作用的任何想法？我很感激任何见解！

Answer 1

在github存储库中报告了类似的issue。基本上，当滑块包裹在具有背景颜色/图像的定位（相对或绝对）元素时会出现此问题。

只需更改css中的这两行即可修复它。

.anythingSlider .fade .activePage { z-index: 1; }
.anythingSlider .fade .panel { z-index: 0; }

.panel之前设置了-1 z-index。