响应式广告位

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

© 版权声明
THE END
喜欢就支持一下吧
点赞421 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容