Safari 10.0 上的悬停效果问题答案

【问题标题】：Hover effect issue on Safari 10.0Safari 10.0 上的悬停效果问题
【发布时间】：2018-01-07 23:54:10
【问题描述】：

仅在 Safari 10.0 上出现的悬停效果存在问题。

网络是这样的： Manu Caballero

正在发生的情况是效果随机起作用，或者根本不起作用：要查看它是否正常工作，您可以使用 Chrome 或 Firefox。

最奇怪的是，在 Safari 10.0 上，如果我尝试使用检查器，悬停效果会起作用...

在 Safari 10.1 和其他常见浏览器（如 Chrome、Firefox...）上运行良好。

【问题讨论】：

【解决方案1】：

查看这个站点，它似乎正在使用 jQuery 1.12.4 和 jQuery Migrate 1.4.1 - 如果您需要支持 IE6，这已经足够了，但对于 Safari 10（在这些遗留系统之后发布）来说，这已经足够了图书馆）。

除此之外，您似乎正在使用同位素 3.0.1，它也已经过时了大约一年。

所以，首先我建议：

在此处提出之前，请特别检查他们的issue logs 是否有类似问题。

如果问题在此之后仍然存在，那么您可能遇到了特定于您的实施的问题。在您的问题中将代码隔离在一个 sn-p 中 - 我们可以更轻松地帮助您解决一个特定问题，而无需对您的整个网站进行逆向工程。

【讨论】：

【解决方案2】：

【讨论】：

非常有趣@grinmax！我查看了caniuse.com/#feat=transforms2d，似乎 Safari 支持来自10.1 的transform-2d。使用您的解决方案，效果将与现在大多数浏览器中的效果不完全相同。当然是一个重要的进步！我还在等待尝试@Keith 的建议，看看是否对javascript 进行一些更改可以解决问题......让我们看看！
@Anfuca 我看到 safari 从 3.2 版本开始支持 2d )) yadi.sk/d/LzDMle813M4Fky