html - 我可以将图片扩展为适合HTML部分的边界吗？

我有以下HTML：

<section id="infopic" class="grid_5 prefix_1" style="height: 500px;">
   <div id="login-image"></div>
</section>

和这个CSS：

#infopic {
   background-image: url("/Images/login.png");
}

我有几种不同的方法可以使图像拉伸以适应#infopic的边界，但仍然无法使其正常工作。现在，它会在图像上方的代码（小于500像素见方）中重复。

最佳答案

像这样使用：

img {
  background-size: 100%;
  max-width: 100%;
}

参考：

Fliud Images