Safari 10.0 上的悬停效果问题

Posted 2023-05-08

【中文标题】Safari 10.0 上的悬停效果问题

【英文标题】：Hover effect issue on Safari 10.0

【发布时间】：2018-01-07 23:54:10

【问题描述】：

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

网络是这样的： Manu Caballero

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

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

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

【问题讨论】：

请分享代码。

感谢您对@Santhoshkumar 发表评论。这是一个wordpress模板。我把链接放到网上，这样你就可以检查了。谢谢。

好的，谢谢@anfuca...

【参考方案1】：

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

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

所以，首先我建议：

升级到当前版本的 jQuery 并放弃 Migrate - IE6 已死而 IE8 处于边缘地位。 将 Isotope 升级到当前版本。

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

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

【讨论】：

谢谢@Keith。明天我会检查你的建议，希望能提前告诉你。

【参考方案2】：

删除此代码https://yadi.sk/d/YmKdx2Rd3M2Fcj，您的效果将正常工作 看看这个视频https://www.screenmailer.com/v/EEa7t15khxyLE9s

【讨论】：

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

@Anfuca 我看到 safari 从 3.2 版本开始支持 2d )) yadi.sk/d/LzDMle813M4Fky