ios 8.4.1 在锚标签上需要单击两次答案

【问题标题】：ios 8.4.1 click twice needed on anchor tagios 8.4.1 在锚标签上需要单击两次
【发布时间】：2023-03-06 23:12:01
【问题描述】：

我们有这个公共网页 www.tv2bornholm.dk，它在所有平台上都可以正常工作，也可以在最高 IOS 8.4 的 ipad 上运行。但是对于 ipad 和 iphone 上的新 8.4.1，您需要在右侧列表中的链接上单击/点击两次。

我找不到问题所在。该链接只是一个简单的锚标记，只需点击一下即可。（在单个链接列表元素下方）

<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 做了一些事情，以防止恶意点击/点击，但我看不到如何修复我们的代码。有人可以帮忙吗？

【问题讨论】：

【解决方案1】：

我遇到了类似的问题，并且能够在 Google Groups thread 中找到解决方案。解决方案是添加一个全局 CSS 规则来重置 z-index：

* {
    z-index: 0;
}

正如论坛帖子中提到的，这可能与 iOS 8.4.1 中发布的安全错误修复有关，详细信息为here（搜索“恶意网站可以使点击事件产生合成点击另一页”）。

【讨论】：

【解决方案2】：

对我来说，问题是我们在:hover 或:focus 上有opacity: 0.8。在:hover 或:focus 上对opacity 设置为小于1 的链接的任何点击或触摸也被识别为ios 8.4.1 上的合成点击。

将这些状态改回opacity: 1 并改用rgba() 颜色解决了我的问题！

【讨论】：