2017-08-01 158 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