CSS背景圖適應高度是網頁設計中經常遇到的問題，尤其是在響應式設計中，更需要考慮如何讓背景圖隨著頁面高度的改變而自適應。以下是一些方法和技巧。

首先，可以使用CSS的background-size屬性來調整背景圖片的尺寸。其中，background-size: cover; 可以讓背景圖片填滿整個容器，不留空白區域，但可能會出現圖片變形的問題。另外，background-size: contain; 則可以保持背景圖片的比例，將其縮放至最大，并在容器內居中顯示。

.container {
background-image: url("background.jpg");
background-size: cover;
}

如果想要背景圖片與內容同時顯示，可考慮使用CSS3的多重背景功能。在這種情況下，容器可以設置多張背景圖片，并將其疊加在一起，以達到更好的視覺效果。

.container {
background-image: url("background.jpg"), url("foreground.png");
background-size: cover;
background-position: center center, top left;
background-repeat: no-repeat;
}

此外，也可以通過CSS3的伸縮性功能來實現背景圖適應高度。具體而言，使用flex布局或grid布局，設置容器高度為100vh或100%即可。

.container {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
background-image: url("background.jpg");
background-size: cover;
}

綜上所述，CSS背景圖適應高度的方法和技巧有多種，可以根據不同的需求和實現方式來選擇合適的方案。