CSS背景图像不显示

Question

我不确定我错过了什么。我想我已经正确定义了一切，但背景图像没有显示。这是代码和jsfiddle，（我在这个例子中使用了谷歌徽标作为背景图片。我认为这有效吗？）

#main_links a span {
    display: none;
}
#main_links {
    top: 100px;
    clear: right;
    float: right;
    list-style-type: none;
    width: 728px;
    margin: 0 auto;
    padding: 38px 0px 0px 0px;
}
#main_links li {
    display: inline-block;
    list-style-type: none;
    padding: 0px 20px 0 0;
    height: 29px;
    border: 1px solid #000000;
}
#link1 a {
    width: 113px;
    display: block;
    background: url('https://www.google.com/images/srpr/logo11w.png') no-repeat;
}

http://jsfiddle.net/SqHE8/

Answer 1

@CBroe评论是准确的（您没有显示a内容）。然后，要查看图像，您需要将图像设置为#link1而不是#link1 a的背景：

#link1 a {
    width: 113px;
    display: block;
}

#link1 {
    background: url('https://www.google.com/images/srpr/logo11w.png') no-repeat;
}

Answer 2

执行以下检查：

1. 检查图片网址。
2. 为图像容器设置min-height。
3. 设置background-size。

如果图片网址正确，可能会丢失图片的原因是您没有设置背景尺寸。