当前位置：小叶白龙博客 > HTML > 正文

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

2014-01-21 分类：HTML 阅读(5864) 评论(0)

网上流行的代码大多数只支持 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> 之前即可