上次垃圾站博客讲述了“如何将Discuz论坛网站页面（首页或内页）变黑白色/灰色”的教程，有访客反映想要将自己的博客也变成黑白色，因此垃圾站博客特地写一篇“如何添加代码将Wordpress博客变成黑白色/灰色”的教程给大家作参考。

本方法支持三种主流浏览器，代码如下：

<!-- 黑白色 -->
<style>
html{
filter: grayscale( 100%);
-webkit-filter: grayscale( 100%);
-moz-filter: grayscale( 100%);
-ms-filter: grayscale( 100%);
-o-filter: grayscale( 100%);
filter: url( "data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter: grayscale( 1);
}
</style>

使用时只需要将上述代码添加在</header>之前就可以了，灰色效果大家可以尝试，有什么使用问题可以向垃圾站站长反映！

本文由垃圾站编辑整理，转载请注明原文链接：http://www.lajiz.cn/1686.html

本文固定链接: http://www.lajiz.cn/1686.html | 垃圾站