更改图像以适合Div

Question

我试图将我的图像放在120 X 120像素的div中，但是当我在浏览器中预览它只是一个空盒子时，我认为这是因为我正在编辑div的大小而不是实际的盒子，< / p>

这是我的CSS代码;

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

和我的HtML是;

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

所以我要做的就是压缩图像以适合我的div大小，

非常感谢

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