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

[JackWolf001]

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

[ostrichb]

去看看网页的 css 你就懂了

[hpj]

看我，写了一篇。

[Procumbens]

<style>html.gray{-webkit-filter:grayscale(.95)}</style>

[VDimos]

直接在 html 加滤镜，filter，不过这个玩意儿着实烦人的就是，ie 行为存在很大差距

[indev]

也是刚刚学到的：

html {
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter: grayscale(100%);
}

[saozhu]

安卓的 app 似乎只有视频列表有效果，是不是说明这部分是 h5 呀

[wework]

我发现首页的 favicon.ico 还是有颜色的

[raincode]

头条也是啊

[zsdroid]

百度 “哀悼 css”

[ASmartPig]

安卓整个 APP 都灰了，热更新吗

[nnz]

https://blog.bytebye.com/article/20200404aidao

[JackWolf001]

应该是全局加 css 样式，ico 不影响吧

[JackWolf001]

@ostrichb 虽然没在 B 站找到对应的 css，现在懂了

[katoyu]

去看看外交部： https://www.fmprc.gov.cn/web/

这种怎么实现的啊？哈哈哈哈

[AyaLee]

@katoyu hhhhhhh

[vinsec]

@katoyu 哈哈哈哈哈哈哈

[Telegram]

@katoyu #14 这个高级，领导人彩色。

[ShallowAi]

html {filter: grayscale(100%)}
操作 1 CSS
<html style="filter: grayscale(100%)">
操作 2 内嵌 style

[JackWolf001]

@katoyu hhhhhhhhhh，这个可以

[fixbugs]

@katoyu hhh 这个厉害了

[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 。。。。。。 灰色大头照 太有冲击力了

[Smipto]

全局灰色，彩色容器对灰色 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()伪类选中不需要灰度化的部分吗
感觉貌似可以让整个页面灰度化，局部被排除的可以保持原色（没试过）

[fvckDaybyte2]

@katoyu 搞独彩

[dangod0]

@fvckDaybyte2 月底名单。。

[input2output]

@Telegram #17

异曲同工：
http://www.mfa.gov.kp/en/

[Caan07]

@katoyu #14 外交部的一语双关真的太聪明了，可以吃顿饺子了。

[christin]

ios 客户端直接把底部购买商品的界面取消了 不知道是什么原因

[zxCoder]

@indev 有些人可以黑白，有些人不能黑白。

[wshxchxc]

把饱和度调低就可以了。

[stupil]

去哪网的，今天依旧是黑白的。。