javascript - -webkit-transition-property 在 Safari 3.1.2 (Windows) 中收到意外值

Question

我正在开发一个针对 iPhone 优化的网站，并在 Windows 上的 Safari 3.1.2 上对其进行测试。对于网站中的某些元素，我正在使用-webkit-transition样式应用隐式动画。

所以基本上，我有这样的元素：

<div style="-webkit-transition: left 2s linear;">...</div>

有时从一开始就存在于文档中，有时从另一个文档加载并注入到 DOM 中。

在第一种情况下，动画按预期发生，但是当使用 JavaScript 注入 div 时，-webkit-transition似乎被忽略了（没有动画）。此外，在 Safari 的检查器中，我可以看到：

-webkit-transition: condensed 2s linear;

这是什么condensed意思，我如何在注入后强制使用该样式？

任何线索将不胜感激。

Answer 1

您可能想尝试使用适用于 Windows 的 Safari 4 beta。正如苹果所说：

“Safari 4 是适用于 Mac 和 Windows 的最快、最高效的浏览器，它完美地集成了 HTML 5 和 CSS 3 Web 标准，支持下一代交互式 Web 应用程序。”</p>

所以你可能对 Safari 4 很幸运，试试吧。

Answer 2

我在这类事情上做得不多，但我看到了桌面和移动 Safari 之间的差异（例如，我如何使用 iPhone 上的 CSS 过渡使元素缩小到零？）。

因此，我认为您需要使用 iPhone 或 iPod Touch 进​​行测试。