在CSS中，我們可以使用filter屬性來使圖片變暗。filter屬性提供了一種對圖片進(jìn)行處理的方法，包括亮度、對比度、飽和度等調(diào)整。

要將圖片變暗，可以使用brightness函數(shù)，通過減少亮度值來使圖片變得更暗，以下是一個示例：

img {
  filter: brightness(50%);
}

上述代碼將圖片的亮度減少到原來的50%，從而使圖片變暗，你可以根據(jù)需要調(diào)整亮度值，以得到更暗或更亮的圖片。

除了brightness函數(shù)，filter屬性還提供其他多種函數(shù)，可以實現(xiàn)不同的圖片處理效果，使用contrast函數(shù)可以增加或減少圖片的對比度，使用saturate函數(shù)可以改變圖片的飽和度等。

需要注意的是，filter屬性可能會對圖片的質(zhì)量產(chǎn)生一定影響，特別是在降低亮度或?qū)Ρ榷葧r，可能會使圖片失去一些細(xì)節(jié)，在使用filter屬性時，需要權(quán)衡其帶來的便利性和可能帶來的圖像質(zhì)量損失。

對于不支持filter屬性的老版本瀏覽器，可能需要使用其他方法來實現(xiàn)圖片變暗的效果，在這種情況下，可以使用JavaScript和Canvas API來繪制和處理圖片，以實現(xiàn)更靈活和可控的圖片處理效果。