在 WordPress 的移动设备上无法点击的链接答案

【问题标题】：Links not clickable on mobile devices in WordPress在 WordPress 的移动设备上无法点击的链接
【发布时间】：2019-10-26 04:51:26
【问题描述】：

我在使用 WordPress 中的链接时遇到了奇怪的行为。请参阅随附的屏幕截图。这段文字中的链接在桌面上可以点击，但是当切换到移动设备时，它们就不能再点击了。

我检查了元素以检查是否有 z-index 或图层阻挡了它，但我似乎找不到它。此外，网站中的其余块在移动设备上也可以点击。

如果你想自己尝试，网站链接：https://www.keeperstalent.nl 引起麻烦的部分在主页中间的某个地方。

感谢任何帮助！

【问题讨论】：

【解决方案1】：

您实际上遇到了列重叠的问题。

您需要做的就是使这两列具有相同的类：

<div class="wpb_column vc_column_container vc_col-sm-6 vc_col-lg-6 vc_col-md-6 vc_col-xs-12">

虽然安德烈的回答可以解决问题，但它可能会导致这样的不良后果：

现在所有链接都放在您的标题和弹出窗口上

【讨论】：

请注意，虽然“不良后果”可以通过将 z-index 更改为所需值来解决。
谢谢哥们！！我确实注意到另一个修复的问题。这是正确的解决方案。
请勿发布代码、数据、错误消息等的图片 - 将文本复制或输入到答案中。 stackoverflow.com/help/how-to-ask
嗨@Rob，你错了，这是一个关于“如何提问”的帮助页面，“帮助他人重现问题”部分。这与我的回答无关。尽管如此，我已经发布了所有需要的代码并输入了问题的描述和解决方案，所以即使没有所有图像，我的答案也能传达信息。
在您编辑之前，如果有人删除了您的图片，它会回答问题吗？这就是问题所在。

【解决方案2】：

我可以通过添加来修复它：

a {
position: relative;
display: inline-block;
z-index: 2;
}

我不确定是什么问题，我只是注意到它有效。它只适用于所有三个属性。

【讨论】：

@RafRasenberg 正如@Cheslab 提到的那样，z-index 不需要设置得这么高，因为它与标题重叠。因此，请务必为您的 <a> 的 z-index 分配一个低于您的标头的 z-index 的值。我刚刚再次检查了您的网站，看起来甚至 z-index: 2; for <a> 都有效。
想象一下明天会有一个按钮。您必须为按钮添加相同的 css 吗？ inputs、textareas、其他可点击元素呢？不要忘记divs 可以使用 js 以及任何其他元素进行点击。我认为恢复文档的正常流程是一个更可取的解决方案。
@Cheslab 当然，让 HTML 和 CSS 有效是一个更可取的解决方案，但有时由于使用不同类型的构建器、插件等，无法编辑 HTML。