我有一个带有图像滑块的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 * /这些是我公司编写的自定义样式,从该注释下面删除代码后,问题仍然存在。所以它实际上在bootstrap代码中。
从那里我可以进一步推断出,没有引用ID或CLASS的代码行会影响幻灯片,因为我为测试而制作的独立.HTML文件没有任何这些ID或类。例外情况是,如果.flexslider
和.home-slides
恰好存在相同的规则(这些是分配给div的容器的类,其中包含图像滑块)。
由于该文件不包含任何文件,我现在似乎无法找到可能导致此转换问题的特定行。关于如何解决这个问题的任何想法?
答案 0 :(得分:2)
问题是由第48行 /wp-content/themes/wordpress-bootstrap/style.css 中的以下规则引起的
* {
transition: all 0.2s ease 0s;
}
删除或覆盖幻灯片上的转换规则,并且应该修复它。