Chrome无法处理大屏幕尺寸的动画

Question

这是一件非常奇特的事情正在发生，我想知道是否有人能够了解它为何会发生。

我的网站是http://bmgzstrategies.com/

重现的步骤：

• 转到第4部分，案例研究（http://bmgzstrategies.com/#5）
• 点击缩略图
• 如果您的屏幕尺寸小于约 1450px，一个窗口应该从屏幕的右侧加载 三个副本部分应按顺序加载。
• 现在，如果你增加 您的屏幕尺寸大于1450px宽，然后单击a 缩略图，动画变得完全破碎和波涛汹涌 突然，最终状态就在你面前。

我无法在Safari中重现此错误（因此可能不是webkit问题），Mozilla或Internet Explorer。

如果有人有任何见解，我很乐意听到任何意见！

Answer 1

无论出于何种原因，这都是我正在使用的CSS库的分层问题。动画将运行，并且在大屏幕尺寸上，将重置受影响的div的z-index。通过修复闪烁的div的z-index，我能够消除这种行为。