ios 8.4.1點擊兩次需要的錨點標記

Question

我們有這個公共網頁www.tv2bornholm.dk，它可以在所有平臺上運行良好，也可以使用IOS 8.4以上的ipad。但隨着新的8.4.1在iPad和iPhone上，您需要點擊/點擊右側列表中的鏈接兩次。

我找不到問題。鏈接只是一個簡單的錨標籤，應該只需一次敲擊。 （在單個鏈接列表元素下）

<li class="newsRow"><span id="time">12:39</span><a id="newsLink" href="/?newsID=93929">Pigefodbold: Nexøspiller udtaget til U17</a></li> 

我們通過CSS使用了一些懸停效果，但我不明白爲什麼這應該是原因。我還讀過8.4.1更新確實可以防止惡意點擊/點擊的webkit/safari，但是我看不出如何修復我們的代碼。 任何人都可以幫忙嗎？

Answer 1

我有一個類似的問題，並能夠在這Google Groups thread找到解決方案。解決的辦法是添加一個全局CSS規則重置的z-index：

* { 
    z-index: 0; 
} 

如論壇帖子中提到，這可能有一些東西需要在iOS版8.4.1發佈的安全bug修復是詳細here（搜索「惡意網站可以使點擊事件在另一個頁面上產生合成點擊」）。

Answer 2

對我來說，問題是我們在:hover或:focus上有opacity: 0.8。在:hover或:focus上的opacity設置爲小於1的鏈接上的任何點擊或觸摸也被認爲是對ios 8.4.1的合成點擊。

將這些狀態更改回opacity: 1並使用rgba()顏色代替我的情況下解決了問題！