相同的代码，但在不同的视图中表现不同

Question

我创建了一个小提琴 ，它在我测试过的所有浏览器中都可以正常工作。 ^1个

但是，当我在整个页面视图 （ /show ）中尝试相同的小提琴时 ，小提琴突然开始做一些奇怪的事情，例如某些动画没有按预期进行动画处理，而这仅在Chrome（在Chrome 33上进行了测试）上发生。

我很确定代码是相同的。

为了确保他们使用的是相同的代码，我访问了与预览窗口完全相同的URL 。 结果是一样的。

这一直困扰着我，我看不到任何导致此行为发生的原因。

¹ Internet Explorer除外。

Answer 1

尝试以下操作：1> prefix -webkit，-moz和-o表示transformStyle：“ preserve-3d”和透视图：“ 150px”，即-webkit-transform-style：preserve-3d和-webkit-perspective：150px。 我观察到您还没有这样做

2>右键单击chrome图标->属性->兼容性->禁用视觉主题，切换禁用视觉主题的值，然后检查动画是否按预期工作。 更改禁用视觉主题的值后，您需要重新启动Chrome