CSS中設置背景圖片亮度是一項常見的需求，有時候我們需要讓背景圖片變得更加明亮，有時候我們則需要讓其變得更加暗淡，本文將為大家介紹如何通過CSS中的濾鏡來達到這個目的。

要設置背景圖片的亮度，我們需要使用CSS3中的濾鏡屬性filter。具體的代碼如下：

.bg-img {
filter: brightness(50%);
}

上面的代碼中，我們設置了一個名為bg-img的樣式，然后使用了filter屬性，并將其值設為brightness(50%)。這個50%就代表著當前背景圖片的亮度程度。

如果你想讓背景圖片變得更加明亮，只需將亮度值設為大于50的數值即可，比如：

.bg-img {
filter: brightness(80%);
}

如果你想讓背景圖片變得更加暗淡，只需將亮度值設為小于50的數值即可，比如：

.bg-img {
filter: brightness(30%);
}

除了brightness外，還有一些其他的濾鏡屬性可以用來調整背景圖片的顏色和亮度，比如：

.bg-img {
filter: grayscale(100%);
}

上面的代碼將把背景圖片變成黑白色調，如果將100%改為50%就會得到一個帶有灰色調的背景圖片。

總之，在CSS中通過filter屬性調整背景圖片的顏色和亮度非常簡單，只需要根據需求設置合適的濾鏡屬性即可。