多個jQuery循環幻燈片被疊加

Question

我正在使用jQuery循環插件在單個頁面上創建多個幻燈片（當我發現這個問題後，會通過鼠標懸停來啓動/停止 - 是的，我知道在頁面上有9個幻燈片）。

問題是，當我告訴不止一個幻燈片放映開始騎自行車時，無論哪一個我稱爲cycle（）的疊加。因此，幻燈片1中的所有圖像都疊加在一起，然後它們都轉換到幻燈片2等。我可以告訴它們正在疊加，因爲每個幻燈片的第一張幻燈片都包含透明的PNG。

無論我在jQuery each（）迭代器中調用cycle（），還是使用jQuery id選擇器手動調用兩個或三個容器，都會發生這種情況。

Answer 1

只需添加到您的CSS：

.column { position: relative } 

週期插件設置的幻燈片，這將是關係到具有任何position: relative或position: absolute第一父元素的absolute定位。因此，通過在.column類上設置position: relative，它包含幻燈片到其0,0座標，並隨後保持它們彼此不重疊。