CSS背景濾鏡是一種很酷的效果，它可以讓你為網(wǎng)頁的背景添加一些特效。而當你在背景上使用了濾鏡之后，你可能會遇到一個問題，那就是濾鏡會影響到文字的可讀性，特別是當你想讓文字變得不透明的時候。

那么該怎么解決這個問題呢？有一個簡單的方法，就是在文字上添加一個不透明度，這樣就可以讓文字變得更加清晰易讀了。

body{
background-image: url(bg.jpg);
filter: blur(5px) grayscale(30%);
}
h1{
color: white;
text-align: center;
font-size: 3em;
opacity: 0.8;
}

在這個示例中，我們?yōu)檎麄€頁面設(shè)置了一個背景圖并添加了一些濾鏡效果，然后我們在標題上使用了一個不透明度來讓它在背景上更加清晰，這樣就可以讓用戶更加輕松地閱讀網(wǎng)頁上的文字了。

當然，這只是一個簡單的示例。如果你想要更多的效果，你可以使用CSS的其他屬性來創(chuàng)建更復雜的濾鏡和不透明度效果。這些屬性包括blur、brightness、contrast、grayscale、hue-rotate、invert、opacity、saturate和sepia。

CSS背景濾鏡和不透明度是非常有用的工具，它們可以讓你的網(wǎng)頁變得更加動態(tài)和有趣。如果你想要讓你的網(wǎng)站更加獨特和引人注目，那么你可以嘗試使用這些技術(shù)，它們會給你的網(wǎng)站帶來前所未有的美感。