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

【问题标题】：-webkit-transition-property receives unexpected values in Safari 3.1.2 (Windows)-webkit-transition-property 在 Safari 3.1.2 (Windows) 中收到意外值
【发布时间】：2019-04-30 14:35:26
【问题描述】：

我正在开发一个针对 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 是什么意思，注入后如何强制使用该样式？

任何线索将不胜感激。

【问题讨论】：

使用 safari 5，它已经推出很久了

标签： javascript html css safari webkit

【解决方案1】：

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

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

所以你可能会幸运地使用 Safari 4，试试吧。

【讨论】：

【解决方案2】：

我在这类事情上做的不多，但我看到了桌面版和移动版 Safari 之间的差异（例如 How do I make an element scale down to nothing using a CSS transition on the iPhone?）。

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

【讨论】：