Изменение изображения в соответствии с Div

Question

Я пытаюсь поместить свое изображение в div 120 X 120 px, хотя, когда я просматриваю в браузере его только пустую ячейку, я полагаю, что это потому, что я редактирую размер div не фактический бокс,

Вот мой код CSS;

#logo 
{ 
background-image:url("../img/LOGO1.png"); 
height:120px; 
width:120px; 
} 

и мой HtML есть;

<div id="logo"> 
</div> 

, так что все, что я пытаюсь сделать, это сжать изображение, чтобы соответствовать мой размер Div,

Thankyou очень

Answer 1

Вы должны использовать background-size. Либо используйте:

-webkit-background-size:120px; /* webkit support */ 
-o-background-size:120px; /* opera support */ 
background-size:120px; 

или использование:

-webkit-background-size:cover; /* webkit support */ 
-o-background-size:cover; /* opera support */ 
background-size:cover; //or contain