Skip to content Skip to sidebar Skip to footer

增加一行代码让wordpress网站变成黑白

为表达全国各族人民对抗击新冠肺炎疫情斗争牺牲烈士和逝世同胞的深切哀悼, 我把自己的网站弄成黑白色调,一起来悼念遇难的同胞们。
让网站变成黑白其实并不难,很多门户网站在第一时间带头把网站都改成了黑白色调,作为一个不太懂前端,不太懂CSS的人,我也明白改这东西肯定很方便,网上搜到的有这样的做法:
在全局的css文件(wordpress中就是对应主题的style.css文件)顶部加入这样一段代码:

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

尝试了一下居然没效果,然后想了想可以去看看其他网站是怎么修改这个文件的,找到了“卢松松博客”,他的css文件中是加了这么一段:

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

虽然我不明白这最后多出来的那段代码有什么作用,但我在自己的站上试了下毕竟是生效了,那就先黑白的用一阵子吧,跟着众多站长一起悼念同胞。你们也可以用浏览器的调试工具查看我的css文件,应该就知道该怎么用了。
可能有些人想只设置首页为黑白,那么网上也有很多说法,但我尝试了下实在实现不了,看来我的技术还是太挫了点。
原文链接: http://blog.sina.com.cn/s/blog_6faa37560101dxfy.html 略有修改

Leave a comment