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

时间:2014-01-28 06:39:10

标签: javascript css3 google-chrome

我创建了一个fiddle,它在我测试的所有浏览器中都能正常运行。 1

然而,当我尝试the same fiddle in the whole page view/show)时,小提琴突然开始做一些奇怪的事情,例如某些动画没有动画,并且这只发生在Chrome上(在Chrome 33上测试过)。

我很确定代码是一样的。

为了确保他们使用相同的代码,我访问了the exact same URL of the preview window。但结果是一样的。

这一直困扰着我,我认为没有任何理由导致这种情况发生。

1 除了Internet Explorer。

1 个答案:

答案 0 :(得分:0)

尝试以下方法: 1>前缀-webkit,-moz和-o for transformStyle:“preserve-3d”和perspective:'150px',即-webkit-transform-style:preserve-3d和-webkit-perspective:150px。我观察你还没有那样做

2>右键单击chrome icon-> properties-> compatibility->禁用可视主题,切换禁用可视主题的值并检查动画是否按预期工作。更改禁用视觉主题的值后,您需要重新启动chrome