Question

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

＆＃13;

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

＆＃13;

<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>

＆＃13;

Answer 1

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

Answer 2

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

＆＃13;

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

＆＃13;

<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>

＆＃13;

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

2 个答案: