0

我的页脚中有一张图片链接到我的博客。这个链接溢出了版权，我不知道为什么。

我从来没有将版权链接添加到图像本身，但由于某种原因，当我将鼠标悬停在版权链接上时，它会链接到博客。我无法解释它以前从未发生在我身上。

任何帮助，将不胜感激。

HTML

  <footer>
        <div class="footer">
            <div class="left">
                    <img src="#" alt="">
                <h6>Title</h6>
                <p></p>
            </div>
            <div class="middle">
                <p><a href="#"><img src="#" alt=""></p>
            </div>
            <div class="right">
                <p><a href="#"><img src="#" alt=""></p>
            </div>
        </div>
    </footer>

CSS

footer {
    width: 100%;
    background-color: #212119;
}

.footer {
    margin: 0 auto;
    width: 960px;
    height: 350px;
    margin-bottom: 10px;
    color: #474741;
}

.footer .left {
    margin-top: 20px;
    margin-left: 10px;
    float: left;
    width: 33%;
    text-align: left;
}

.footer .left img {
    margin-top: 40px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    float: left;
    height: 110px;
    width: 113px;
}

.footer .left h6 {
    color: #474741;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: bold;
    font-family: arial, sans-serif;
}

.footer .left p {
    margin-top: 40px;
    font-size: 14px;
}

.footer .left p:last-child {
    margin-top: -15px;
    font-family: arial, sans-serif;
}

.footer .middle {
    text-align: center;
    margin-top: 40px;
    float: left;
    width: 33%;
}

.footer .middle p {
    margin-top: 0px;
}

.footer .right {
    text-align: center;
    float: right;
    width: 33%;
}

.footer .right p {
    margin-top: -152px;
}

.copyright {
    clear: both;
}

.copyright p{
    margin: 0 auto;
    width: 960px;
    color: #e8ad4f;
    font-size: 20px;
    margin-bottom: 10px;
    vertical-align: top;
}
4

1 回答 1

0

您需要关闭a标签...

<p><a href="#"><img src="#" alt=""></p>

……变成……

<p><a href="#"><img src="#" alt=""></a></p>

否则后面的所有内容都将包含在链接中。

于 2013-02-15T18:51:02.473 回答