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