方法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]–> |
