CSS中，我們可以使用多種方法給圖片覆蓋顏色，這里，我將介紹兩種常用的方法：使用CSS的filter屬性和使用rgba顏色值。

方法一：使用CSS的filter屬性

CSS的filter屬性可以用來(lái)對(duì)圖片進(jìn)行多種視覺(jué)處理，包括顏色覆蓋，我們可以使用filter屬性的子屬性invert來(lái)將圖片的顏色進(jìn)行反轉(zhuǎn)，從而實(shí)現(xiàn)顏色的覆蓋，如果我們想要給圖片覆蓋一層灰色，可以使用以下CSS代碼：

img {
    filter: invert(100%) hue-rotate(0deg) saturate(0%) brightness(0%);
}

這段代碼中，invert(100%)將圖片的顏色完全反轉(zhuǎn)，hue-rotate(0deg)將色相旋轉(zhuǎn)0度（即不旋轉(zhuǎn)），saturate(0%)將飽和度降低0%（即不降低），brightness(0%)將亮度降低0%（即不降低），綜合這些子屬性，圖片將被覆蓋一層灰色。

方法二：使用rgba顏色值

CSS中，我們可以使用rgba顏色值來(lái)定義顏色，其中r代表紅色，g代表綠色，b代表藍(lán)色，a代表透明度，我們可以將圖片的透明度降低，從而實(shí)現(xiàn)顏色的覆蓋，如果我們想要給圖片覆蓋一層灰色，可以使用以下CSS代碼：

img {
    opacity: 0.5;
    background-color: #888;
}

在這段代碼中，我們將圖片的透明度降低為0.5，并將背景色設(shè)置為灰色（#888），這樣，圖片將被覆蓋一層半透明的灰色。

兩種方法都可以用來(lái)給圖片覆蓋顏色，具體使用哪種方法可以根據(jù)實(shí)際需求來(lái)決定，如果想要更細(xì)致地控制顏色覆蓋的效果，可以結(jié)合使用這兩種方法。