0

我在页脚中添加了 2 张社交媒体图片。它们在我的图像地图中，包括正确的等等，但似乎无法弄清楚为什么它们没有出现？

尝试了很多，但真的无法做到。它与我固定在我网站上的页脚有关吗？我真的不知道。。

代码：

<div id="footer">
    <div id="social">
        <p>test</p>
        <div class="facebook"><a href="" title="Facebook Page"></a></div>
        <div class="twitter"><a href="" title="Twitter"></a></div>
    </div>
    <p>Copyright © 2013 . All rights reserved.</p>
</div>

CSS：

#social {
    text-align: center;
}
.facebook a {
    height: 33px;
    width: 33px;
    background-image: url('images/facebook.png');
    background-repeat: no-repeat;
}
.facebook a:hover {
    background-image: url('images/facebookhover.png');
    background-repeat: no-repeat;
}
.twitter a {
    height: 33px;
    width: 33px;
    background-image: url('images/twitter.png');
    background-repeat: no-repeat;
}
.twitter a:hover {
    background-image: url('images/twitterhover.png');
    background-repeat: no-repeat;
}
/* Footer */
 #footer {
    padding: 5px;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0;
    background: #333;
    color: #FFF;
}
#footer p {
    text-align: center;
    margin: 0;
}
#footer a {
    color: #fff;
}

这是关于 jsfiddle 的示例：http: //jsfiddle.net/mwx5q/

4

2 回答 2

5

在和中使用display block样式.facebook a.twitter a

请检查，我已经更新了您的 jsFiddle 文件，您可以根据您的设计更改 css。

http://jsfiddle.net/mwx5q/3/

于 2013-09-02T09:09:11.647 回答
0

可能是你的url路径有问题。

也许尝试../images/twitter.png和../images/twitterhover.png

这将备份一个文件夹。如果您的 CSS 在它自己的文件夹中很有用，您必须备份到根目录，然后进入images.

希望这可以帮助！

于 2013-09-02T09:06:38.410 回答