简单实现wordpress网站全站变灰代码_淘多多
今天是4月4号，全国响应国务院号召，暂停公共娱乐措施，基本上所有游戏都进入了服务器停机，不少网站也都通过代码来实现灰色哀悼效果。
方法1：
将下面代码加入wordpress在后台外观，自定义里面的额外css里即可，鸟叔主题的话加在主题选项里的css里就可以了，到前台刷新一下，网页变灰色了吧，包括网站的广告、图片等整个网页变黑白了。
代码：
html{
-webkit-filter: grayscale(100%); /* webkit */
-moz-filter: grayscale(100%); /*firefox*/
-ms-filter: grayscale(100%); /*ie9*/
-o-filter: grayscale(100%); /*opera*/
filter: grayscale(100%);
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
filter:gray; /*ie9- */
}
方法2：
代码加到<head></head>之间，即可直接实现全站灰色效果。
代码如下：
<!–[if IE]>
<style>
html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
</style>
<!–<![endif]–>
<!–[if !IE]><–>
<style>
html{
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
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 ….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);
filter: gray;
-webkit-filter: grayscale(1);
}
</style>
<!–<![endif]–>来源：小高教学网 - https://12580sky.com
【淘多多】一站式阅读，让资源共享起来！
淘多多(www.113x.com)资源头条|资源猫|源码库|无毒软件-实时分享第一福利网，每日同步几十个站点福利资讯，帮你快速找到免费销售营销学习、最新福利活动、网络赚钱思路、软件下载、网络自学技术、网络流行语、源码下载学习、创意手工等等，努力打造成菜鸟技术爱好者们喜欢的网络大型免费资源分享平台。