CSS Background Изображение не отображается

Question

Я не уверен, что мне не хватает. Я думаю, что все правильно определено, но фоновое изображение не отображается. Вот код и jsfiddle, (я использовал логотип Google для фонового изображения в этом примере. Я предполагаю, что работает?)

#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. Проверьте URL-адрес изображения.
2. min-height для контейнера с изображением.
3. background-size.

Если URL-адрес изображения правильный, возможная причина отсутствия изображения - вы не задаете размер фона.