在網頁設計過程中，我們經常會用到背景和字體的樣式控制。其中有一種效果是背景模糊，但是字體不模糊。這種效果可以通過CSS來實現。

實現背景模糊，我們可以利用CSS3的filter屬性，將背景圖片應用模糊效果。代碼如下：

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

這樣，在擁有背景圖的區域上會產生一個模糊的背景效果。但是，如果文字也被模糊了，那么就會影響用戶的閱讀體驗。因此，我們需要讓字體保持清晰。這時候，可以利用CSS3的backdrop-filter屬性。

backdrop-filter屬性可以讓背景圖產生模糊效果，但是不會影響內容。這樣，我們就可以實現背景模糊，但是字體不模糊了。代碼如下：

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

通過這種方式，我們就能夠同時實現背景模糊、字體不模糊的效果。需要注意的是，由于backdrop-filter屬性是CSS3的新屬性，因此在一些舊瀏覽器上可能無法支持。