WordPress怎么全站变灰色(黑白色)

WordPress怎么全站变灰色,可在当前WordPress主题自定义CSS中,添加以下代码,也可以添加在当前WordPress模板的<head>中!

ps:添加在自定义css中去掉<style>和</style>

<style>
html {
filter:grayscale(100%);
-webkit-filter:grayscale(100%);
-moz-filter:grayscale(100%);
-ms-filter:grayscale(100%);
-o-filter:grayscale(100%);
-webkit-filter:grayscale(1);
}
</style>

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

 

版权声明:996站长 发表于 2022年12月1日 pm7:08。
转载请注明:WordPress怎么全站变灰色(黑白色) | 996导航

相关文章

暂无评论

暂无评论...
一键登录开启个人书签等功能!
/*! 复制口令内容 *//*! 其他自定义 */