我有一个固定的覆盖 div，它具有高 z-index 显示图像库。右上角有一个关闭按钮，用于关闭叠加图库。
不幸的是，该网站有一个固定的顶部栏标题，其中包含一个使用 anchor 标记和超赞字体图标的 facebook 社交图标。 Facebook 链接正好位于图库关闭按钮下方。关闭安卓设备上的叠加图库会导致底层的 facebook anchor 链接也被触发，将用户带到 facebook。显然，有两次点击被记录，一次点击覆盖关闭 anchor ，另一次点击 facebook 图标链接。
问题似乎不会出现在 iPhone 设备上。在我测试过的一部手机上，图库关闭时没有触发 Facebook 链接。
目前，我正在使用讨厌的技巧，例如在画廊打开时将 facebook 链接 href 设置为 javascript:void(0)，然后在画廊关闭时使用 javascript 计时器延迟更正链接。它阻止了 facebook 链接的触发，但 facebook anchor 标记仍然获得点击/悬停，这会导致悬停效果触发，从而导致应用 css :hover 样式。
这个问题有没有简单的解决方案或更好的方法？
最佳答案
我通过在画廊打开时在 Facebook 图标顶部创建一个透明覆盖 div，然后在画廊关闭 300 毫秒后将其删除来“解决”了这个问题。
:/
关于javascript - Android 设备长按导致在关闭覆盖 div 时触发底层链接，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/47274118/