CSS背景圖灰度怎么實現(xiàn)呢？可以使用CSS3的filter屬性來實現(xiàn)，filter屬性可以通過一個或多個濾鏡函數(shù)來改變HTML元素的渲染效果。其中，grayscale函數(shù)可以讓顏色轉(zhuǎn)換為灰度值。

.bg-img{
filter: grayscale(100%);
/*設(shè)置灰度值為100%*/
}

在HTML標(biāo)簽中，添加bg-img類，將會使該標(biāo)簽的背景圖以灰度的方式顯示。

<div class="bg-img" style="background-image: url('bg.jpg')"></div>

上面的代碼中，將div的背景圖設(shè)置為bg.jpg，并在樣式中添加了bg-img類，使用filter: grayscale(100%)讓圖像變?yōu)榛叶葓D。

需要注意的是，filter屬性的兼容性不是很好，不同瀏覽器的支持程度也不同。在IE瀏覽器中并不支持該屬性，而火狐瀏覽器需加上-moz-前綴。

.bg-img{
filter: grayscale(100%);
-moz-filter: grayscale(100%);
/*火狐瀏覽器需要加上-moz-前綴*/
}

以上就是使用CSS實現(xiàn)背景圖灰度的方法，其中需要注意瀏覽器的兼容性，可根據(jù)實際情況進行修改。