一般在全国哀悼日、大型自然灾害,如大地震、大水、疫情等重大事故的时候,我们都会把自己的网站,全站变成灰色!以表示对逝者的悼念!
明天,公元年4月4日(清明节),国务院设定为全国哀悼日,还多大型网站和一些个人的网站都把网站设置成为灰色以表哀悼。
那需要如何来实现网站整站变灰?
首先我们看看这些知名大厂的做法:
腾讯网的做法:
stylebody*{-webkit-filter:grayscale(%);/*webkit*/-moz-filter:grayscale(%);/*firefox*/-ms-filter:grayscale(%);/*ie9*/-o-filter:grayscale(%);/*opera*/filter:grayscale(%);filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);filter:gray;/*ie9-*/}/style其他的一些方法:
1.网页黑白代码外部样式(写入*.css文件请用)
html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter:grayscale(%);}2.网页黑白代码内部样式(写入头部head标签里面)
styletype=text/css!--html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter:grayscale(%);}--/style3.网页黑白代码内联式(写入html标签,找到html)
htmlstyle=filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter:grayscale(%);Z-BLOGPHP主题的设置方法
第一个是,主题的开发者在主题设置中预留了自定义CSS接口,将一下代码复制进去并保存即可。
/*整站变灰,要放在CSS文件首位*/html{filter:grayscale(%);-webkit-filter:grayscale(%);-moz-filter:grayscale(%);-ms-filter:grayscale(%);-o-filter:grayscale(%);filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}第二种,就是应用中心搜索插件来实现。
例如:网站控制小神器
以上就是,将整站变灰的方法。