简单实现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]–>

 

声明： 1、本站所有文章仅供参考，如有侵权 请联系我们删除 meng#yimiaonet.com #换成@ 2、文章大部分源自网络或ai生成，文章不作为任何依据，仅供参考。 3、本站的所有源码都是在网络上转载或由用户投稿，仅供参考学习使用，请您务必在下载后24小时内删除。 4、本站下载的所有源码等内容不得用于任何违反相关法律法规的用途，一经发现 我们立即向有关部门报备。 5、### 本站除商业栏目外 其他资源均来自于网络或用户投稿，如有侵权 请及时联系我们删除，感谢您的支持与理解，让我们一起支持创作者权益。 6、如果您需要商用，可以联系客服定制开发或购买商业源码栏目内的内容，当然也可以联系部分源码的原作者；我们最终一切版权。 7、您注册本站会员后，如果需要注销账号等适宜，请联系客服。