背景图片：悬停不显示

Question

我正在尝试在li的{​​{1}}菜单上应用背景图片，但是，它似乎无法识别/显示图像。它确实响应了悬停时的背景颜色，它与CSS中的背景行相同。

我制作了一个jsfiddle，代码范围缩小为基础：

显然，这个小提琴中没有显示图像，我正在使用本地图像。

如您所见，它确实响应背景颜色，但不响应图像。

我在哪里错了？

Answer 1

这有效：

.logo li:hover
{
    background:navy url('http://upload.wikimedia.org/wikipedia/commons/5/51/Google.png');
    display: inline-block;
}

你没有工作，因为你正在设置

background-image:url('paper.gif');

然后你这样做：

background: navy;

这样您就可以重新设置取消之前值的背景

查看更新的小提琴

http://jsfiddle.net/YgxmU/

Answer 2

你在给出结果后犯了小错误

 background: navy url('paper.gif');

你的错误是你给出的

background-image:url('paper.gif');
background: navy;

background属性覆盖background-image:url('paper.gif');