CSS 背景圖片到底部是一個常見的需求，它可以幫助我們實現一些更加賞心悅目的效果。在本文中，我們將介紹一些方法來幫助你將 CSS 背景圖片固定到頁面底部。

/* 第一種方法：使用 position 屬性 */
.container {
position: relative;
}
.bg-img {
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: auto;
}
/* 第二種方法：使用 flexbox */
.container {
display: flex;
flex-direction: column;
min-height: 100vh;
}
.content {
flex: 1;
}
.bg-img {
flex-shrink: 0;
}
/* 第三種方法：使用 grid */
.container {
display: grid;
grid-template-rows: 1fr auto;
min-height: 100vh;
}
.bg-img {
grid-row: 2;
}

以上三種方法都可以高效地將 CSS 背景圖片固定到頁面底部。你可以根據自己的需求來選擇最適合你的方法。