遇到国家哀悼日，例如今年新冠病毒，为了祈福在这次疫情况遇难的同胞，政府相关部门要求国内大型网站，特别是政府网站或事业性单位网站将同站颜色全部要变成灰色，那么如何一键将网站颜色变成灰色呢？有没有这样的代码可以实现呢？下面大兵给大家分享这样的代码，而且还兼容主流浏览器，代码如下所示：
html {filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(100%); }
将网站颜色变成灰色代码的使用方法：
将以上这段代码添加到CSS样式代码的最顶端，就可以将网站颜色全部变成灰色，如果你的网站没有CSS样式代码，可以将这段代码添加到<head>和</head> 之间，如下所示：
<style>
html {filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(100%); }
</style>
有些网站可能使用这个代码没有效果，是由于你的网站没有使用最新的网页协议，将网站最顶端代码替换成如下代码，就会有效果了，代码如下所示：
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
有些网站有FLASH动画，不能被CSS滤镜代码控制，因此可以在FLASH代码<object …>和</object>中插入如下代码：
<param value=”false” name=”menu”/>
<param value=”opaque” name=”wmode”/>
最简单方便的将网站页面码变成灰色代码是，在<head>和</head>之间添加如下代码：
<style type=”text/css”>
html {
FILTER: gray
}
</style>
注意：大兵测试过，在火狐浏览器下没有效果。
非特殊说明，本博所有文章均为博主原创。
如若转载，请注明出处：http://www.yanglingxi.com/502.html
