网页黑白是发生什么事件

打开一个常逛的网站，满屏灰白，黑白图片失去颜色，发生按钮变成深浅不一的什事灰块。第一次碰到的网页人可能会愣一下——网站坏了？被黑了？其实都不是。这是黑白国内互联网一种约定俗成的“致哀模式”，技术上叫灰度处理，发生触发条件通常是什事发生了全国性的重大伤亡事件。

最早让我有印象的网页是2008年汶川地震。那会儿我还在用IE6，黑白访问新浪、发生网易，什事发现所有彩色Logo全变成了黑白。网页当时以为是黑白自己显卡驱动崩了，重启两次才反应过来。发生后来查资料才知道，各大网站是收到了相关通知，统一在页面顶层加了一行CSS滤镜代码。那行代码简单到离谱：html { filter: grayscale(100%); }。就这一句，整个页面瞬间褪色。浏览器支持度当时参差不齐，Chrome和Firefox表现还行，IE得用私有滤镜，效果还带点偏色。但没人计较这些，能灰就行。

触发这种全站灰度的节点，一般就那么几类：大地震、全国哀悼日、重要领导人逝世、重大公共安全事故。比如2010年玉树地震、2013年雅安地震、2020年4月4日全国哀悼日。每次都是几大 portal 站带头，小站跟进。有些网站反应快，凌晨就切了；有些慢半拍，中午才灰。网友会截图对比，调侃“某某站还没灰，反射弧真长”。这种调侃没有恶意，更像是一种集体默契下的技术围观。

技术实现上，除了CSS滤镜，还有几种做法。早期有些网站直接换一套黑白图片素材，成本高，维护麻烦，后来基本淘汰了。现在主流就两种：一是给html或body加filter: grayscale(1)，简单粗暴，全站生效；二是用SVG滤镜，兼容性更好，还能控制灰度强度。但SVG那套写起来啰嗦，大部分前端懒得用。我翻过几个大厂的源码，清一色CSS滤镜，连前缀都懒得加全，反正现代浏览器都认。

有个细节挺有意思：灰度模式下，视频和Canvas元素的表现不一致。有些视频播放器会无视父级滤镜，照样出彩色，得单独再给视频容器加一层灰度。2020年那次，B站全站灰了，但部分直播流还是彩色的，弹幕里有人提醒“主播把滤镜关一下”，其实主播也控制不了，是播放器内核的差异。这种技术缝隙，反而成了那几天少有的轻松话题。

另一个观察是，灰度持续时间通常为24小时，从零点到次日零点。但也有例外。2015年天津港爆炸，部分网站灰了三天。没人规定必须多久，全看平台自己判断。时间太长影响广告点击率，太短又显得敷衍。这个度，挺微妙的。

再往深了说，网页黑白不只是技术事件，它是一套无声的公共仪式。没有弹窗，没有公告，颜色一褪，所有人就都懂了。这种默契比任何文字声明都直接。我见过有人在那天特意截了彩色和黑白的对比图发朋友圈，配文就一个蜡烛表情。技术在这里退到了后面，成了情绪的载体。

所以下次再看到网页突然变灰，不用怀疑网络故障。那是整个互联网在低头。代码很短，意思很长。