我有以下 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");
}
我有几种不同的方法可以使我的图像拉伸(stretch)以适应#infopic 的边界，但仍然无法正常工作。现在它在图像上方的代码中重复(小于 500 像素正方形)只是重复。
最佳答案
尝试添加 background-size 属性。
关于html - 我可以让我的图像扩展以适应 HTML 部分的边界吗？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/14192601/