圖片遮罩層濾鏡是一種常見的網頁設計效果，通過對圖片進行濾鏡處理，可以讓圖片顏色變化、亮度變化、對比度變化等，達到視覺上的美化效果。

CSS提供了多種圖片遮罩層濾鏡，以下是幾種常用的：

/* 灰度（黑白）*/
img {
filter: grayscale(100%);
}
/* 反相 */
img {
filter: invert(100%);
}
/* 亮度 */
img {
filter: brightness(200%);
}
/* 對比度 */
img {
filter: contrast(200%);
}
/* 飽和度 */
img {
filter: saturate(200%);
}
/* 模糊 */
img {
filter: blur(5px);
}

除了上述常見的濾鏡，CSS還提供了許多其它的濾鏡效果，開發者可以根據實際需求來選擇使用。對于需要添加多個濾鏡的圖片，可以使用多個濾鏡屬性以逗號分隔。

需要注意的是，CSS的濾鏡屬性對于使用背景圖片的元素也同樣適用。此外，濾鏡屬性目前僅支持在Chrome、Firefox、Edge等現代瀏覽器中使用，對于IE瀏覽器則不支持，需要使用其它技術來實現類似效果。