html - 背景图像未出现在网站上

Question

好吧，这很奇怪。

我正在尝试设置指向我不同的 fb/youtube/yelp 页面的社交媒体链接。

有一个按钮没有显示，我已经尝试了所有方法。这不是图像 url 的问题，因为它与显示的其他按钮的图像路径/类型完全相同。出于某种原因，这张图片不会显示，我尝试过不同的图片，我尝试过转换为不同的格式，我什至将它指向另一个按钮正在使用的相同图片，它显示得很好另一个按钮，但不适用于我要修复的按钮。

这是 HTML:

<div id="facebookbutton"><a href="#" target="_blank" ></a></div>

这是 CSS:

#facebookbutton {
    width: 50px;
    height: 50px;
    background-image: url(images/fb_button.png);
}

#facebookbutton a {
    display: block;
    width: 50px;
    height: 50px;
}

该代码与我的 yelp 按钮完全相同，它工作正常。

我尝试将背景图像 url 指向 yelp 按钮，该按钮正在工作以查看图像本身是否有问题，但它也没有与 URL 中的 yelp 按钮一起显示。

我不知道为什么会这样，我希望有人以前遇到过这个问题，并且可能知道为什么我会遇到这个奇怪的问题。

谢谢，担。

Answer 1

Demo

#facebookbutton {
    width: 50px;
    height: 50px;
    background-image: url("http://lorempixel.com/400/200/");
    background-size: cover;
    background-position: center;
    background-repeato: no-repeat;
}

#facebookbutton a {
    display: block;
    width: 50px;
    height: 50px;
}