国家哀悼日将网站颜色全部变成灰色的代码

灵兮 2024-1-17 18 1/17

遇到国家哀悼日,例如今年新冠病毒,为了祈福在这次疫情况遇难的同胞,政府相关部门要求国内大型网站,特别是政府网站或事业性单位网站将同站颜色全部要变成灰色,那么如何一键将网站颜色变成灰色呢?有没有这样的代码可以实现呢?下面大兵给大家分享这样的代码,而且还兼容主流浏览器,代码如下所示:

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>

注意:大兵测试过,在火狐浏览器下没有效果。

- THE END -

灵兮

1月17日11:06

最后修改:2024年1月17日
0

非特殊说明,本博所有文章均为博主原创。