幻灯片故障 - 调试帮助

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

问题是由第 48 行 /wp-content/themes/wordpress-bootstrap/style.css 中的以下规则引起的

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

删除或覆盖幻灯片上的过渡规则，它应该被修复。