background - 背景图像：悬停不显示

Question

我正在尝试在 a 的菜单li上应用背景图像:hover，但是，它似乎无法识别/显示图像。它确实响应悬停时作为背景的颜色，该颜色位于 CSS 中的同一背景行中。

我制作了一个jsfiddle，代码缩小到基础：

显然图像不会显示在这个 Fiddle 中，我使用的是本地图像。

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

我在哪里错了？

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-image:url('paper.gif');