Jquery Flexslider真的在Chrome中弄乱了我的网页

还有其他人有过这样的问题吗？我在页面顶部有一个下拉菜单，然后是flexslider，然后是一些常规文本和图像…有两种字体，一种是从Google字体API调用的，另一种是使用fontFace（以防万一这是相关的！）

在我的mac电脑上用Chrome浏览器浏览时，我会有一些非常奇怪的行为。每次幻灯片移动时，页面上的所有文本都会变得非常“薄”，一些（但不是全部）导航链接会向上和向右“跳”一个像素。我没见过这样的事情，只能假设这是一场奇怪的冲突？？我已经测试了所有我能找到的东西，FF、Opera、Safari和mac上的Chrome、IE9、Windows上的Chrome和Windows上的FF。两个版本的Chrome看起来都不好，但mac版本更糟糕

不幸的是，我宁愿在100%完成之前不在网上列出我的项目，我认为这是太多的东西了，不值得大惊小怪。但是在查看实际的flexslider网页后，我发现了同样的错误，如果你看缩略图，你就会明白我的意思（当然，如果你是Chrome的话）

---

有人知道修复方法吗？因为我想保留我一直在编写的代码

我遇到了完全相同的问题，今天刚刚将FlexSlider应用到一个引导响应站点。这个问题不会在Firefox或Safari上重现（还没有检查IE，也不特别想检查）

我强烈怀疑问题在于FlexSlider JS用于推进幻灯片放映的各种触摸、按键和其他方法，因为我逐个删除了CSS（包括谷歌字体API中的href）和JS脚本，以确定FlexSlider的JS似乎是罪魁祸首。好消息是，它与Bootstrap-responsive-JS没有冲突，似乎也不是任何其他CSS样式。不过还是有问题，很抱歉我帮不了你，但至少不只是你

我将在FlexSlider论坛上发布这篇文章。也许开发者会在下一个版本中解决这个Chrome bug的修复问题

---

---

Chrome v23.0.1271.64

找到了一个似乎可以解决Chrome中问题的修复程序，而无需接触JS：

滑块init中的-webkit背面可见性与useCSS:true相结合，导致固定定位和z索引在Chrome下中断。当我开始使用固定导航栏、滑块容器和z索引值时，我意识到奇怪的事情正在发生——将z索引设置为高于固定导航栏会使奇怪的文本闪烁消失，但当然，滑块会在固定导航栏的顶部滚动

要解决此问题，请执行以下两项操作：

• 在“flexslider.css”第25行： .flexslider.slides>li 注释掉或删除-webkit背面可见性：隐藏
• 在flexslider初始化脚本中： 在滑块选项中指定“useCSS:false”*

*flexslider JS默认将其设置为true，并告诉浏览器使用CSS3 3D变换（如果可用）。如果你问我，这是一个不必要的功能，没有它flexslider似乎可以正常工作

---

希望这有帮助

在“flexslider.css”find.flexslider.slides>li”中添加位置：相对&z-index:1到css文件中的.flex视口

gruntPi9建议的解决方案对我有效。我在Chrome上遇到了一个问题，图像跳出了画面，他的解决方案解决了这个问题

滑块：FlexSlider 2

浏览器：Chrome

问题：图像跳出帧

解决方案：

• 在“flexslider.css”第25行：.flexslider.slides>li注释或删除-webkit背面可见性：隐藏
• 在“jquery.flexslider.js”中：在滑块选项中指定“useCSS:false”

---

应用-webkit转换：translateZ（0）；到受影响元素的容器，这将停止flickring
当flexslider中有一个包含文本的元素时，也可以使用此选项
CSS转换仍然会导致一些奇怪的行为。强制元素渲染为3D似乎可以解决图形和性能问题

---

在Chrome v27.0.1453.93上进行了测试。
我知道这已经很旧了，但我想我应该在摆弄了一个小时后快速发布我的解决方案
如上所述：
• 在“flexslider.css”第25行：.flexslider.slides>li注释或 移除-webkit背面可见性：隐藏
• 在flexslider初始化脚本中：在滑块选项中指定“useCSS:false”
• -webkit转换：父元素上的translateZ（0）
然后将其添加到“flexslider.css”的底部：

---

在Chrome上为我做到了！希望它能帮助其他有此问题的人。
Chrome 22.0.1229.94 win7，Chrome 23.0.1255.0（154635）linux，MSIE9 win7-示例页面看起来相同。也许你可以发布屏幕截图。嗨，nrodic-这将很难捕获，因为它发生了大约一秒钟，并恢复到以前（正确）的状态…我在Chrome 22.0.1229.94（Mac）上没有看到任何问题。这看起来非常多变。在我的iPad2上，纵向效果还可以，但横向效果会影响导航文本，当幻灯片移动时，导航文本会变薄。真奇怪！！谢谢，这很有趣。我对工作非常投入，但我想尽快回到这一点，因为我的下一份工作也需要一个反应灵敏的滑块！我所要做的就是指定useCSS:false，它为我解决了这个问题。谢谢Chrome24.0.1312.56同样，我也只需要使用“useCSS:false”就可以了。这是唯一正确的答案。我发誓我以为我疯了。表单上的标签闪烁并应用-webkit转换：translateZ（0）；到标签修复了问题。非常感谢。这很有趣。最近，我在CSS3动画技术方面做了更多的工作

.flex-viewport {

    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
}