以下CSS代码可以用于将整个网页变为灰度模式，通常用于特定场景，如纪念日或其他特殊节日。

html {
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); /* 兼容IE */
    -webkit-filter: grayscale(100%); /* 兼容Webkit内核的浏览器 */
}

代码说明

• filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);

  • 这是用于IE浏览器的滤镜效果，grayscale=1 表示将网页转换为灰度模式。

• -webkit-filter: grayscale(100%);

  • 这是用于现代浏览器（如Chrome、Safari）的CSS属性，grayscale(100%) 表示将颜色完全转换为灰度。

应用场景

这种灰度效果通常用于：

• 纪念日
• 追悼日
• 特殊节日

在这些场景下，灰度化网页能够营造出庄重、肃穆的氛围。