Question to say "I can!"

支持 Firefox、Chrome 等主流浏览器的全站变灰 CSS 代码

2013-04-22

网上流行的代码大多数只支持 IE 这个古老的浏览器,于是,稍作修改并从 qq.com 上抄来这段代码,适合各种主流浏览器全站变灰

<style>
html{
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.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);
}
</style>

加在<head> </head> 之前即可



作者:admin | Categories:互联网问题 | Tags:

一条评论

  1. 好听的歌说道:

    正在找这个,试一下

发表评论

电子邮件地址不会被公开。 必填项已用*标注

*

无觅相关文章插件,快速提升流量