本文更新于: 2020年9月22日
方法1：
将下面代码加入wordpress在后台外观，自定义里面的额外css里即可，鸟叔主题的话加在主题选项里的css里就可以了，到前台刷新一下，网页变灰色了吧，包括网站的广告、图片等整个网页变黑白了。
代码：
|
1 2 3 4 5 6 7 8 9 |
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：
代码加到之间，即可直接实现全站灰色效果。
代码如下：
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 |
<!–[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]–> |
本文链接：Click here to view the current URL
声明：本站为个人非盈利博客，资源均网络收集且免费分享无限制，无需登录。资源仅供测试学习，请于24小时内删除，任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集。请支持正版！如若侵犯了您的合法权益，可联系我们处理。
感谢分享