0

我有一个带有图像滑块的 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 容器的类)。

由于该文件不包含任何这些,我现在似乎无法找到可能导致此转换问题的特定行。有想法该怎么解决这个吗?

4

1 回答 1

2

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

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

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

于 2013-04-16T18:40:12.593 回答