页脚底部的链接不可点击答案

【问题标题】：Links are unclickable at the footer bottom页脚底部的链接不可点击
【发布时间】：2017-10-11 18:39:38
【问题描述】：

我用 Wordpress 创建了一个登录页面，并在其底部插入了这个基本的 HTML 代码：

<p> שיווק דיגיטלי <a href="http://createak.co.il" target="_blank">createak</a> כל הזכויות שמורות</p>

我为外语道歉。 :-) 我一直使用这个代码，但由于某种原因，现在它在这个特定的登录页面上无法点击：http://mickeyberkowitz.com/。我不知道为什么会这样，有什么建议吗？

【问题讨论】：

【解决方案1】：

在我看来，CSS 规则正在修复最后一部分（页脚？）的容器元素，因为没有规则可以隐藏 overflow-y，但图像显示得很好，但链接实际上在那些后面图片。

下面的 CSS 规则将容器固定为 100vh，但是容器内的内容“更高”很多，因此会溢出。您的链接直接位于容器的父元素下方，并且由于违规容器的高度是固定的，它不会向下移动。

@media (min-width: 768px)
.elementor-section.elementor-section-height-full {
    height: 100vh;
}

如果您将该 CSS 规则更改为以下规则，您会看到改进：

@media (min-width: 768px)
.elementor-section.elementor-section-height-full {
    min-height: 100vh;
}

然后您会注意到“奖杯”图像底部和按钮之间的大空间 - 这似乎是一个可能由页面构建器插件创建的“间隔”元素。如果我是你，我会删除它。事实上，在其下方似乎还有另一个间隔，它们会创建您可能想要删除的空白空间 - 取决于网站所需的美感。

【讨论】：

【解决方案2】：

我检查了您的网站。这是因为，在您的代码中，其他 div 和元素显示在 <div id="footer-bottom">

您需要在 CSS 中添加以下代码

#footer-bottom{
    z-index:9999;
    position:relative
}

这是一个快速修复。

但这可能会使其他内容无法点击。因此，您需要使用 CSS 正确调整所有 html div 和代码。请使用 google chrome 或 firefox 开发人员工具或检查您的代码并修复相互重叠的 div。

【讨论】：