【发布时间】：2017-11-13 21:48:33
【问题描述】：
我有一个固定的覆盖 div，它具有高 z-index 显示图像库。右上角有一个关闭按钮，用于关闭覆盖图库。
不幸的是，该网站有一个固定的顶部栏标题，带有一个使用锚标签和字体真棒图标的 Facebook 社交图标。 facebook 链接正好位于画廊关闭按钮的下方。关闭 android 设备上的覆盖库会导致底层 facebook 锚链接也被触发，将用户带到 facebook。显然，正在注册两次点击，一次用于覆盖关闭锚点，另一次用于 Facebook 图标链接。
iPhone 设备上似乎没有出现此问题。在我测试的其中一部手机上，图库关闭时不会触发 Facebook 链接。
目前，我正在使用令人讨厌的技巧，例如在打开画廊时将 facebook 链接 href 设置为 javascript:void(0)，然后在画廊关闭时使用 javascript 计时器延迟更正链接。它可以防止 facebook 链接触发，但 facebook 锚标签仍然会获得点击/悬停，这会导致悬停效果触发，从而导致 css :hover 样式应用。
这个问题有什么简单的解决方法或者更好的方法吗？
【问题讨论】：
标签： javascript android html css long-press