Html 网站上未显示背景图像

好吧，这很奇怪

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

有一个按钮没有出现，我已经尝试了所有的方法。图像的url没有问题，因为它与显示的其他按钮的图像路径/类型完全相同。由于某些原因，这张图片不会显示，我尝试了不同的图片，我尝试了转换成不同的格式，我甚至将它指向了另一个按钮使用的同一张图片，该图片在另一个按钮上显示良好，但在我试图修复的那个按钮上显示不好

以下是HTML：

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

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

我尝试将背景图像url指向yelp按钮，该按钮正在查看图像本身是否有问题，但它也没有在url中显示yelp按钮

我不知道为什么会发生这种情况，我希望有人以前遇到过这个问题，可能知道我为什么会遇到这个奇怪的问题

谢谢,， 丹

#facebook按钮{
宽度：56px；
高度：20px；
背景图像：url（“https://d3n8a8pro7vhmx.cloudfront.net/australianlaborparty/pages/2601/attachments/original/1423709665/FB_Button.png?1423709665");
背景重复：无重复；
背景尺寸：封面；
}
#facebook按钮a{
显示：块；
宽度：50px；
高度：50px；
}

---

在Photoshop中尝试了一种不同的导出格式，现在效果很好。很好

不：（没什么区别。我试过你的代码（用我自己的图片）它工作得很好。还有其他CSS规则可以凌驾于你发布的两个CSS规则之上吗？@MarcAudet是的，代码确实有效。我发布了jsbin Demo，我看不到，但它必须是这样的。我从yelp按钮复制并粘贴了背景图像行（工作得很好）到facebook按钮，它仍然没有显示yelp图像。我会继续查找。只是好奇，如果你在链接中添加一些文本（

abcd

），你能看到链接吗？你的图像URL周围没有引号

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

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

#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;
}