Css вопрос фонового изображения

Question

Я пытаюсь установить это изображение: http://www.flaticon.com/free-icon/linkedin-logo_34405#term=linkedin&page=1&position=1 как мое фонового изображение, но это не работает ...

Ошибки при разборе значения «фонового изображения». Декларация опустилась.

Код (HTML):

<div class="linkedin"></div> 

код (CSS):

.linkedin { 
    display: inline; 
    background-image: url(../images/Linkedin(Idle).png); 
    width: 16px; 
    height: 16px; 
} 

Answer 1

Изменение display: inline; с display: inline-block;, добавить свойства фона:

.linkedin { 
    display: inline-block; 
    background-image: url('../images/Linkedin(Idle).png'); 
    background-repeat: no-repeat; 
    background-position: 0 0; 
    width: 16px; 
    height: 16px; 
} 

Answer 2

Попробуйте это:

.linkedin { 
    display: inline; 
    background-image: url('../images/Linkedin(Idle).png'); 
    width: 16px; 
    height: 16px; 
} 

Скобки в середине вмешиваются с анализатором , и предполагается, что изображение заканчивается сразу после Idle)