我页脚中的外部链接不起作用？答案

【问题标题】：External links in my footer are not working?我页脚中的外部链接不起作用？
【发布时间】：2017-12-31 16:34:12
【问题描述】：

我正在建立一个网站，在我到达页脚之前一切都很好。我试图让一个 facebook 和 twitter 图标重定向到相应的页面，但由于某种原因，我页脚中的链接根本不起作用。他们不会重定向到特定页面或一般的 facebook 和 twitter 主页，即使我将其从图像更改为文本超链接，它也不起作用。似乎我在页脚中的任何链接都没有响应。我反复检查代码并没有发现问题，并且我知道所有图像都保存在正确的位置。图标出现，鼠标悬停时变为指针，但单击时没有任何反应。我只在我的 CSS 中引用 a.nav，我没有用 CSS 编辑正常的 a 标签。

footer {
    color: #ffffff;
    padding: 10px;
    text-align: center;
    clear: both;
    font-size: 9px;
}

<footer>
    <p>&copy; 2017 The Michigan Spirits Association | All Rights Reserved</p>
    <a href="http://www.facebook.com">
        <img src="images/facebook.png" alt="MSA Facebook" style="width:15px">
    </a>
    <a href="http://www.twitter.com">
        <img src="images/twitter.png" alt="MSA Twitter" style="width:15px">
    </a>
</footer>

【问题讨论】：

您可能需要显示更多代码，因为仅此一项并不能让我们重现问题。
浏览器控制台中是否有任何错误或警告？另外，你试过纯文本链接吗？
我尝试将图像更改为文本链接，是的，同样的事情发生了。点击时链接不会重定向或做任何事情。我正在使用 Dreamweaver，当我将鼠标悬停在 a 标签中的链接上时，会出现消息“找不到图像”，尽管那是一个链接而不是图像。我正在使用的图像（图标）显示得很好。如果需要，我可以显示更多代码，请告诉我。
在 jsfiddle.net 上向我们展示完整的 html&css。确保问题将在那里产生。
对不起，我从来没有用过jsfiddle，你能告诉我怎么分享我的结果吗？我确实注意到一件事——我在页面顶部的图像没有加载，并显示为一个空框，里面有蓝色问号，表示图像丢失。然而，页脚中的两个图标只是显示为两个空的白色轮廓框。他们里面没有问号。看起来有点像您收到了一个您的设备不支持的表情符号，而您只是收到了一个空白矩形。

标签： html css

【解决方案1】：

我已经检查了你的 HTML 代码和 CSS 是否正常工作，我已经点击了它们并根据你在 HTML 编码中提到的链接正确响应了 facebook.com 和 twitter.com 也许您应该清除浏览器缓存和所有历史记录，我相信它会起作用

【讨论】：

【解决方案2】：

我刚刚将目录链接替换为网络链接上的图像元素，它也对我有用。

footer {
  text-align: center;
  font-size: 9px;
}

<footer>
        <a href="https://www.facebook.com/"><img src="https://png.icons8.com/metro/540/facebook.png" alt="MSA Facebook" style="width: 15px; height: 15px;"></a>
        <a href="https://www.twitter.com"><img src="http://www.freepngimg.com/thumb/twitter/2-2-twitter-png-file-thumb.png" alt="MSA Twitter" style="width: 15px; heigth: 15px;"></a>
    </footer>

【讨论】：