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

国家哀悼日将网站颜色全部变成灰色的代码,为方便站点哀悼,特提供css滤镜代码,以表哀悼,以下为全站CSS代码,兼容主流浏览器,有一些站长的网站可能使用这个css 不能生效,是因为网站没有使用最新的网页标准协议.

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

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>

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

原创文章,作者:大兵,如若转载,请注明出处:https://www.zhuzhouren.com.cn/jianzhanjiaocheng/fuwuqiyunwei/1198.html

发表评论

登录后才能评论
联系我

平时工作忙:合作还是咨询SEO服务,请简明扼表明来意!谢谢!

在线咨询:点击这里给我发消息

邮件:dabingseo@zhuzhouren.com.cn

工作时间:周一至周六,10:30-24:30,节假日休息

个人微信
个人微信
分享本页
返回顶部