简单实现wordpress网站全站变灰代码-创码者资源网

有些特殊日子，不少网站也都通过代码来实现灰色悲悼效果。
方法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]–>

本网站名称：创码者资源网
本站永久网址： http://www.cmzym.top/
本站资源大多存储在云盘，如发现链接失效，请联系我们我们会第一时间更新。
本站为非盈利网站，一切付费内容（包括但不限于会员充值，资源付费），均为用户自愿赞助，且所有资金均用于网站维护
本站资源均收录于互联网，所以不能保证每个细节都符合你的要求，也可能存在未知的BUG与瑕疵，因虚拟资源可复制特性，所以不接受任何理由的退款兑现，请阅读本站声明和相关条款后再进行支付下载
本站一切资源不代表本站立场，并不代表本站赞同其观点和对其真实性负责。
本网站的文章部分内容可能来源于网络，仅供大家学习与参考，如有侵权，请联系站长：1326632303@qq.com 进行删除处理。
本本站采用知识共享署名-非商业性使用-相同方式共享4.0国际许可协议进行许可

THE END