CSS可以實現將圖片置灰并變灰的效果，這種效果通常用在網站中，以突出顯示某些元素或鼓勵用戶進行某些操作。

img {
/* 將圖片變成灰色 */
filter: grayscale(100%);
/* 禁止用戶通過鼠標懸停來刪除上面的灰色 */
pointer-events: none;
}
img:hover {
/* 將圖片變回原色 */
filter: grayscale(0%);
/* 可以通過鼠標懸停刪除灰色 */
pointer-events: auto;
}

上面的代碼中，我們使用CSS的filter屬性來實現圖片變灰的效果，在這里使用了grayscale函數，它會將圖片的亮度值降至0％，也就是說將圖片變為灰度圖像。我們還使用了pointer-events屬性來禁止用戶通過鼠標懸停來刪除圖片上的灰色效果，并在鼠標懸停時顯示原始的彩色圖片。

當然，如果你不想使用鼠標懸停來顯示原圖像，你也可以使用其他事件，例如單擊事件或Touch事件，來觸發圖片的變換效果。這只需要稍微修改代碼即可。

總之，CSS可以幫助我們輕松實現圖片置灰和變灰的效果，為我們的網站增添更多的功能和美感。