html - 调整窗口大小时使背景图像从左下角“增长”

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;
}