CSS是前端開發中常用的一種樣式語言，能夠實現網頁中的各種效果。其中，通過CSS將背景圖片變灰是一種比較常見的需求。下面我們來具體介紹如何實現該效果。

/* 將背景圖片變灰 */
/* 使用CSS3支持的濾鏡效果實現，部分瀏覽器不支持 */
background-image: url(圖片路徑);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
/* 通過設置透明度和黑色背景實現 */
background-image: url(圖片路徑);
background-color: black;
opacity: 0.5;

上述代碼分別使用了兩種方式來實現背景圖片變灰的效果。第一種方式是通過CSS3支持的濾鏡效果，可以實現比較完美的效果，但是部分瀏覽器不支持。

第二種方式則是通過設置透明度和黑色背景來實現的，實現較為簡單，但是在圖片較亮的時候效果可能并不是很理想。

總之，通過CSS可以很方便地實現將背景圖片變灰的效果，開發者可以根據具體需求選擇不同的實現方式。