Question

由于泰国国王普密蓬·阿杜德（Bhumibol Adulyadej）的失利，泰国的许多网站都变成了灰色主题。但是，当我右键单击并单击＆＃34;在新选项卡中打开图像时，＆＃34;我看到了原始的彩色图像。甚至视频也会改变颜色我可以使用什么技术来做到这一点？

Answer 1

您只需向<body>标记添加即可。具体来说，您可以添加filter: grayscale(100%);。

示例摘录：

.filtered {
  filter:grayscale(100%);
}

<p>No filter<br/>
<img src="https://i.stack.imgur.com/vVury.png">
</p>

<p class="filtered">Filtered<br/>
<img src="https://i.stack.imgur.com/vVury.png">
</p>

这适用于CSS filter property，但不适用于Internet Explorer或Opera Mini。

Answer 2

这是通过CSS3完成的。您可以使用

将任何内容转换为灰度

filter:grayscale(1);

如果您将此css添加到网站的<body>标记，则会将整个网站变为灰色。

哪种技术将网站更改为灰色而不影响底层资源？

2 个答案: