是否可以使用CSS将整个网页转换为灰度？

我想把整个网站的灰度。当然，我可以手动编辑CSS并调整每个

颜色

，

背景色

&co.属性，我还可以调整Photoshop中的每个图像

但是有没有更简单的方法，例如使用纯CSS

例如，在你的网站上放置一个100%x100%的叠加

div

，将每种颜色变成灰度

---

有什么提示吗？

有，只需使用滤镜灰度即可

CSS

*{
    -moz-filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    filter: gray; /* IE6-9 */
    filter: grayscale(100%);
}

注意：您可以在任何元素（html、主体、标题等）中应用此选项

---

无需在每个元素上设置过滤器，您可以在HTML上应用过滤器

html {
    -moz-filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    filter: gray; /* IE6-9 */
    filter: grayscale(100%);
}

或者，如果您希望在html上保留彩色背景，请单击body

---

Uhm，也许我遗漏了什么，但即使在您的演示中，徽标仍然是彩色的，而不是灰度的？IMO

html{filter:grayscale（100%）}

的性能应该更好。@GoloRoden，也许您需要一个prefix@ShrinivasShuklaIE版本，请相信这是一个更好的解决方案：不会像公认的解决方案那样破坏滚动和DOM元素定位，而且可能更有效。为什么是“html”而不仅仅是“body”？@RoboRobok如答案中所述，如果设置body，然后可以在html上设置彩色背景，以防您仍然需要使用一些颜色（例如红色条纹或其他任何颜色…）