玩转代码|网站变灰代码
近期大家应该都知道几乎很多的主流网站和app全部都变灰了。为什么会这样呢？主要是悼念某些事或人。发生对国家和人民影响重大的事情，app页面就会变成灰色。如何设置呢？
在全站的CSS中写入以下代码：
html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}
body {filter: gray;}
1、全站变灰建议写入.css文件然后引入文件。
<link href="css/xxxx.css" rel="stylesheet" media="all" />
2、单页面变灰直接写入css样式。在HTML代码<head>和</head> 之间插入即可。
<style>
html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}
</style>
3、我们也可以F12看一些其它网站如何设置
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);
}
这样就会全站变灰了。大家快去试试吧。
