Фоновое изображение на: hover does not show

Question

Я пытаюсь применить фоновое изображение в меню 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');