WordPress教程-全站变灰代码-好软猫

有些特殊日子，不少网站也都通过代码来实现灰色哀悼效果。

方法1

将下面代码加入wordpress在后台外观，自定义里面的额外css里即可，加在主题选项里的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]–>

恭喜你发现了宝藏导航！>>点此前往<<

获取更多优质资源按Ctrl+D收藏我们

1 如果您喜欢本站点击这儿赞助本站，感谢支持！
2 帮助传送：下载说明 | 会员权益 | 广告合作
3 转载注明：
4 本站内容大部分源于网络，请自行甄别
5 商业用途请联系原作者授权，若本站侵犯了您的权益请联系我们：haoruanmao@qq.com 进行删除处理
6 本站大部分内容来源于网络，仅供学习与参考，严禁从事违法、侵权等任何非法活动，否则后果自负

THE END