内容摘要：phpcms网站变灰，这事儿我干过不下十次。每次接到需求，客户那边语气都挺急：“快，把网站弄成黑白的。” 第一次操作时，我还以为要改什么大工程。后来发现，phpcms模板里加一行CSS就完事。`htm

phpcms网站变灰，网站这事儿我干过不下十次。变灰每次接到需求，网站客户那边语气都挺急：“快，变灰把网站弄成黑白的网站。”

第一次操作时，变灰我还以为要改什么大工程。网站后来发现，变灰phpcms模板里加一行CSS就完事。网站`html{ filter:grayscale(100%);}`，变灰放在全局样式表最顶上，网站整站瞬间褪色。变灰简单粗暴，网站效果立竿见影。变灰

但问题往往出在细节上。网站有些网站的图片用了懒加载，或者某些弹窗是iframe嵌入的，那行CSS管不住它们。你得额外给iframe加个`filter`，或者干脆用JS给所有元素动态加类名。有一次，客户网站首页有个视频背景，加了灰度后视频还是彩色的，我折腾了半天，最后发现是视频源本身不支持CSS滤镜，只能换方案——把视频替换成静态图片，或者用canvas处理帧画面。麻烦是麻烦，但结果对得起客户那句“辛苦”。

还有个坑，phpcms自带的搜索框和下拉菜单，在灰度模式下偶尔会闪出彩色边框。原因是某些浏览器对`filter`属性的渲染顺序有bug。解决办法挺土：给这些特定元素单独写`filter:none`，再手动调成灰色调。你说这算不算脱裤子放屁？但现实里，能跑就行。

说句实在话，网站变灰这个需求，背后往往不是技术问题。有一次，某地方门户网站要变灰，是因为当地一位德高望重的老人去世了。客户说：“你们动作快点，别让用户看到彩色页面觉得我们不尊重。”我一边改代码一边想，这行CSS真的能传达哀悼吗？但转念又觉得，形式有时候就是内容本身。

变灰之后，网站访问量会掉一截。灰度页面视觉上更沉闷，用户停留时间明显缩短。我做过对比，同一篇文章，彩色页面阅读完成率是67%，灰色页面只有52%。这不是玄学，是色彩心理学的基本逻辑。所以每次做完变灰，我都会提醒客户：“等纪念日过了，记得让我把CSS撤掉。”

最搞笑的一次，有个客户忘了撤代码，网站灰了整整三个月。他们自己没发现，还是用户打电话问“你们网站是不是坏了”才想起来。我远程登录一看，那行`filter`还安安静静躺在样式表里。删掉之后，页面恢复色彩，客户那边长舒一口气，说“感觉网站活过来了”。

其实phpcms变灰这活儿，技术上不值一提。真正考验人的是判断什么时候该变，什么时候不该变。有些网站主为了蹭热点，随便找个由头就变灰，反而显得轻浮。我见过最离谱的，是某电商平台因为“全网哀悼日”把商品图全变灰，结果当天销售额暴跌40%。用户来买东西，不是来参加葬礼的。

后来我给自己定了个规矩：变灰之前，先问客户三个问题——事件是否真实重大？持续时间有没有计划？有没有备用方案？如果三个都答不上来，我就劝他别做。但大多数时候，客户根本听不进去，他们只想要那个“态度”。行吧，改代码去。