想问各位 V2 大佬， B 站今日黑白页是怎么实现的？

[JackWolf001]

在这深切哀悼在抗击新冠肺炎疫情斗争中牺牲的烈士和逝世同胞，愿逝者安息，愿生者奋发，愿祖国昌盛。

[ArrayBuffer]

其实有好多网站都加了 `filter`, 但是好像只有 CSDN 把文章内容都加了灰度处理，连文章中的图片都是黑白的, 这样其实很影响阅读

[katoyu]

来，给大家个变彩色的插件。

https://greasyfork.org/zh-CN/scripts/399436-%E6%B8%85%E6%98%8E%E8%8A%82%E8%A6%81%E6%8B%92%E7%BB%9D%E5%BC%BA%E8%A1%8C%E5%90%8A%E4%B8%A7

[rrZ2C]

@katoyu #14 。。。。。。 灰色大头照 太有冲击力了

[DreamCMS]

全局灰色，彩色容器对灰色 unset

[JackWolf001]

#14 外交部应该是局部 filter

[rzx0311]

@katoyu 需求过于复杂 难以实现

[clague]

贴吧、b 站这些 app 之前有过黑白，应该是可以热更新实现的。

[dobelee]

@katoyu #14 懂人脸识别的 css 。🐶

[masker0817]

我这里是彩色的

[mytsing520]

@katoyu 特定部分加灰白

[mauve]

为什么🐻就得彩色
$.each($('img'), (_, img) => {
console.log(img.style= 'filter: grayscale(1)')
})

[vigack]

@katoyu 哈哈太逗了

[PhyllisLin]

https://web.archive.org/web/20200404015536/http://cpc.people.com.cn/

[GPLer]

@VDimos 所以 IE 咋搞啊，头大。

[VDimos]

@GPLer 我记得是用 DXImageTransform.Microsoft.BasicImage

[xushengbin888]

163.com 也是的：
html {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
_filter: none;
}

[justfun]

这个是外交部的 CSS

.zbox_title,.pbox_left,.lj_black,.searchx,.fbox_left,.middle_pics_list,.wbox,.copyright_h,.foot_black,.tvbox_top{
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter: grayscale(1);
filter:gray !important;
}

[GPLer]

@VDimos 试过了没用，网上传的方法对 IE 11 都无效，看了下外交部的官网也是用灰度化的图片覆盖在正常图片上实现的，通过纯 CSS 应该实现不了。

[jmyz0455]

@GPLer 你说的对，我也是 IE 搞了好久 @_@

[kimjosda]

可以用:not()伪类选中不需要灰度化的部分吗
感觉貌似可以让整个页面灰度化，局部被排除的可以保持原色（没试过）