在前端開發中，我們時常需要使用背景圖片來美化頁面。但是，有時候這些背景圖片會與文字重疊在一起，影響頁面的可讀性。解決這個問題的方法之一就是將背景圖片進行模糊處理。本文將介紹如何使用CSS來實現圖片背景模糊。

.blur {
background-image: url('bg.jpg');
filter: blur(5px);
}

上面的CSS代碼將一個名為.blur的元素的背景圖像模糊。其中，background-image屬性用于指定背景圖片的URL，而filter屬性則是用來控制圖像的濾鏡效果的。在這里，我們使用了blur()函數來實現模糊效果。具體來說，這個函數接受一個參數，即模糊的程度。可以根據需要來調整這個參數的值。

需要注意的是，模糊濾鏡在不同的瀏覽器中可能會略有差異。特別是在舊版瀏覽器中，可能不支持這個濾鏡效果。因此，當使用這種濾鏡效果時，最好測試一下在目標瀏覽器中具體效果如何。

總之，通過使用CSS的blur()函數，我們可以很容易地實現背景圖片的模糊效果。這樣可以有效提高頁面的可讀性，為用戶提供更好的用戶體驗。希望這篇文章能夠幫助到你。