Safari 10.0上的悬停效果问题

时间:2017-08-01 08:08:47

标签: javascript css safari hover transform

悬停效果存在问题,只会出现在 Safari 10.0 上。

网址是这样的: Manu Caballero

正在发生的事情是效果严重,或根本不起作用: Hover effect doesn't working 要查看它是否有效,您可以使用Chrome或Firefox。

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

在Safari 10.1和其他常见浏览器(如Chrome,Firefox ......)上工作正常。

2 个答案:

答案 0 :(得分:6)

看看这个网站似乎正在使用jQuery 1.12.4和jQuery Migrate 1.4.1 - 如果你需要支持IE6但这不足以支持Safari 10(在这些传统之后发布)库)。

除此之外,您似乎正在使用Isotope 3.0.1,这也是过时的一年。

所以,首先我建议:

  • 升级到当前版本的jQuery并删除Migrate - IE6已经死了,IE8很少。
  • 将Isotope升级到当前版本。

特别检查他们的issue logs是否有类似的问题,然后再提出来。

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

答案 1 :(得分:3)

删除此代码https://yadi.sk/d/YmKdx2Rd3M2Fcj,您的效果将正常运行 并观看此视频https://www.screenmailer.com/v/EEa7t15khxyLE9s