我正在尝试将div添加到我的html中，其中包含一个盒子图像。但我无法使图像延伸到div的大小
这是我到目前为止所拥有的，
<div style="background:url('images/box.png') no-repeat center center fixed;width:600px;height:400px">
test
</div>
这会显示宽度为600px且高度为400px的div，但它会显示图像的一半。但我需要让图像伸展。
感谢
答案 0 :(得分：3)
使用background-size: cover;或background-size: contain（根据您的需要选择合适的属性）
来自MDN
<强>盖 此关键字指定应将背景图像缩放到尽可能小，同时确保其尺寸大于或等于背景定位区域的相应尺寸。
<强>包含 此关键字指定应将背景图像缩放到尽可能大，同时确保其尺寸小于或等于背景定位区域的相应尺寸。
答案 1 :(得分：2)
如果您希望图像拉伸，丢失原始宽高比，请添加background-size: 100% 100%;。
另一方面，如果您希望图像占据整个div，同时保持图像宽高比并且某些裁剪是可以的，请使用background-size: cover