html - 调整窗口大小时从左下角制作背景图像 "grow"

Question

要解释正在发生的事情有点棘手。

http://easyuniv.com/staging/gonzaga/

如果您访问我上面的站点，您可以看到当窗口水平收缩和扩展时背景图像如何移动。我希望做到这一点，无论窗口大小如何，图像的左下角都固定在窗口的左下角，然后如果它更宽，它会显示更多的图像。我怎样才能做到这一点？我尝试了很多不同的设置变体

Answer 1

将背景位置设置为左下:

html {
    background-position: left bottom;
}

---

或者，只需使用简写属性将其与您的 background-image 语句结合起来:

html {
    background: url("img/background_image.png") no-repeat left bottom;
}