2017-08-01 120 views
15

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

网络是这样的: Manu Caballero

正在发生的事情是,影响工作radomly,或根本不工作: 要看到它时,您可以使用Chrome或Firefox浏览器。

最奇怪的是,在Safari 10.0,如果我尝试使用巡视,悬停效果的作品...... enter image description here

在Safari上10.1和如Chrome,Firefox等常见的浏览器...正在完美工作。

+0

请共享代码。 – Santhoshkumar

+0

感谢评论@Santhoshkumar。这是一个wordpress模板。我把链接放到网上,这样,你可以检查。谢谢。 – Anfuca

+0

当然,谢谢@anfuca ... – Santhoshkumar

回答

6

看着这个网站,它似乎是使用jQuery 1.12.4和jQuery Migrate 1.4.1 - 这是足够的,如果你需要支持IE6,但不是我期望足够的Safari 10(这些后发布遗留库)。

除此之外,您似乎正在使用同位素3.0.1,这也是大约一年的过时。

所以,首先我建议:

  • 升级到jQuery和下降迁移的最新版本 - IE6是死的,IE8是微不足道的。
  • 将同位素升级到当前版本。

特别是在提出这些问题之前,请先检查他们的issue logs是否存在类似问题。

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

+0

谢谢@Keith。我明天会检查你的建议,希望我能告诉你一些进展。 – Anfuca

3

删除此代码https://yadi.sk/d/YmKdx2Rd3M2Fcj,你的效果会做工精细 看看这个视频https://www.screenmailer.com/v/EEa7t15khxyLE9s

+0

@grinmax非常有趣!我看了一下http://caniuse.com/#feat=transforms2d,好像Safari支持'10.1'的'transform-2d'。 使用您的解决方案,效果将与现在在大多数浏览器中的效果完全不同。 当然是一个重要的进步!我还在等待尝试@Keith建议我的内容,看看是否有一些更改为javascript可以解决问题...让我们来看看! – Anfuca

+1

@Anfuca我看到Safari支持2d开头的3.2版))https://yadi.sk/d/LzDMle813M4Fky – grinmax

+0

你是对的。我从来没有注意到_show all_按钮... – Anfuca