幻灯片故障 - 调试帮助

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; 
} 

删除或覆盖您的幻灯片过渡规则，并将其应该是固定的。