html - 面向开发人员的谷歌 chrome 图形修复

Question

我是一家小公司的 Web 开发人员，我们最近注意到 our website 有一个奇怪的图形问题仅对在 Windows 7 和 8 上使用谷歌浏览器的用户显示。

当我们的横幅图像淡入淡出时出现图形问题，导航 UI 下方的所有内容都闪烁白色。

如果 chrome 在 Windows 8 模式下运行，此问题将得到解决，但如果禁用硬件加速则不会。

奇怪的是，修复该错误的其他方法是通过检查元素打开开发人员工具窗口，这非常不寻常。

是否有任何类型的修复我可能必须添加到页面 CSS 类似于专门为 Internet Explorer 设置样式？

Answer 1

尝试将以下脚本 include 移动到页面底部，最后一个 </body> 的正上方标签。

<script type="text/javascript" src="http://ecogrid.co.uk/js/magentothem/bannersequence/jquery.sequence-min.js"></script>

它对我有用，至少在浏览器中是这样。我认为这个问题与代码的顺序有关，也可能与菜单中的 jquery 淡入淡出效果和顺序 slider 的冲突有关。

这是不相关的，但是...很好的做法。虽然您可能希望将许多其他“渲染阻塞元素”也移动到折叠下方，但这对于加载时间优化来说更好。但当然，有关更多信息，请参阅:https://developers.google.com/speed/docs/insights/BlockingJS