在網頁設計中，背景圖是很重要的一部分，可以為網頁增加美感和吸引力。然而，在不同設備上，背景圖的尺寸和分辨率會有所不同，不同的屏幕尺寸和分辨率下，可能會出現圖片模糊的情況。

為了解決這個問題，我們可以使用CSS3中的背景模糊屬性來實現自適應背景圖模糊的效果。

.bg-img {
background-image: url('bg-img.jpg');
background-size: cover;
filter: blur(10px);
}

在上面的代碼中，我們首先設置背景圖的大小為“cover”，這樣可以讓背景圖占據整個容器的區域。接著，使用“filter:blur(10px)”屬性來實現背景模糊的效果。

可以根據需要調整“blur”值的大小，以實現不同程度的模糊效果。

另外，要注意的是，該屬性需要在支持CSS3的瀏覽器中才能生效。

總之，通過CSS的背景模糊屬性，我們可以很方便地實現自適應背景圖的模糊效果，為我們的網頁設計增加更加精美的效果。