在调整窗口大小时，从左下角“生长”背景图像

Question

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

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

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

Answer 1

将背景位置设为left bottom：

html {
    background-position: left bottom;
}

---

或者，只需使用速记属性将其与background-image语句结合使用：

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