幻燈片故障 - 調試幫助

Question

我有一個圖像滑塊的WordPress網站。在某些時候，這個圖像滑塊上的轉換變得不穩定。問題中的圖像滑塊是flexslider。我試圖用jquery cycle lite替換它，在這種情況下，我發現同樣的草率轉換也影響了它。這證實了我的懷疑，認爲這與某處衝突有關。

這裏是一個測試頁面，它上面都有幻燈片演示，功能與馬虎過渡。

http://www.hauserair.com/slideshow-test/

我已經把範圍縮小到包括以下樣式表。

http://www.hauserair.com/wp-content/themes/wordpress-bootstrap/style.css?ver=1.0

當移除該幻燈片過渡正常。此外，創建獨立HTML文件幷包含引導程序CSS和Java文件以及此頁上新滑塊的必需文件時：http://www.hauserair.com/slideshow.html

轉換問題重新出現。所以...縮小這個衝突...

在前面提到的樣式表中，最下面是註釋/ * UPRIGHT STYLES * /這些是我公司寫的自定義樣式，在從下面刪除代碼後評論，問題依然存在。所以它實際上在引導程序代碼中。

從那裏我可以進一步推斷，沒有一行代碼中引用的ID或CLASS應該會影響幻燈片，因爲我爲測試製作的獨立.HTML文件沒有任何這些ID或類。例外情況是，如果.flexslider和.home-slides碰巧有相同的規則（這些是分配給包含圖像滑塊的div容器的類）。

由於該文件不包含任何這些，我現在似乎無法找到可能導致此轉換問題的特定行。有想法該怎麼解決這個嗎？

Answer 1

問題是由以下規則/wp-content/themes/wordpress-bootstrap/style.css造成線路48上

* { 
    transition: all 0.2s ease 0s; 
} 

刪除或覆蓋您的幻燈片過渡規則，並將其應該是固定的。