CSS背景圖隨DIV大小改變是Web頁面中常用的一個技巧，它可以幫助我們實現多種頁面效果。下面我們就詳細了解一下怎樣實現這個功能。
首先，我們需要創建一個DIV，并且給它設置一個CSS背景圖，這條語句看起來很簡單：

div {
background-image: url(背景圖片地址);
}

然而這里有一個陷阱，如果我們只是這樣設置背景圖，當我們改變DIV大小的時候，背景圖并不會跟隨DIV大小一起改變。這時我們需要給DIV加上一個CSS屬性：background-size?？蛇x的設置有cover，contain和像素值等，這里我們使用cover，即讓背景圖完全覆蓋DIV。

div {
background-image: url(背景圖片地址);
background-size: cover;
}

現在，當我們縮小DIV的大小，背景圖也會跟著縮小，而不會變形或者裁剪，達到一個完美的效果。
另外，我們還可以使用background-position屬性來調整背景圖在DIV中的位置。例如，我們可以將背景圖向左上角移動：

div {
background-image: url(背景圖片地址);
background-size: cover;
background-position: 0 0;
}

最后，如果我們想要給DIV加上一個漸變遮罩，可以使用CSS3的linear-gradient屬性：

div {
background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url(背景圖片地址);
background-size: cover;
}

這里將背景圖和一個50%的黑色透明度疊加在一起，達到了漸變遮罩的效果。
綜上所述，通過設置CSS屬性background-size和background-position，我們可以實現CSS背景圖隨DIV大小的改變而改變的效果。同時，我們也可以使用linear-gradient屬性給DIV加上一個漸變遮罩，使得我們的頁面更加美觀。