清明时节,为了表达全国各族人民对抗击新冠肺炎疫情斗争牺牲烈士和逝世同胞的深切哀悼,全国很多网站变成灰色。
现在把兼容绝大多数浏览器的代码放上:
第一种方案
在html head里加入:
以兼容IE9以上版本。
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9,chrome=1" />
加入CSS
html {
filter: gray !important;
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%);
}
*{
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: gray;
}
第二种方案(推荐)
这种方案是从CSDN上复制过来的,测试性能更好一些。
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
html{
-webkit-filter:grayscale(100%);
-moz-filter:grayscale(100%);
-ms-filter:grayscale(100%);
-o-filter:grayscale(100%);
filter:grayscale(100%);
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)
}
body{
filter:gray;
background:0 0!important;
}