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

類似issue報道在GitHub的倉庫。基本上，當滑塊被定位（相對或絕對）元素與背景顏色/圖像包裝時，會出現此問題。

只要改變這兩條線在css來解決它。

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

的.panel先前設置有-1 z索引。