几行代码将网站变为灰色,特殊哀悼日全站变

中科荣膺公益中国 http://finance.sina.com.cn/chanjing/b/20091014/11153079059.shtml

一般在全国哀悼日、大型自然灾害,如大地震、大水、疫情等重大事故的时候,我们都会把自己的网站,全站变成灰色!以表示对逝者的悼念!

明天,公元年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);}第二种,就是应用中心搜索插件来实现。

例如:网站控制小神器

以上就是,将整站变灰的方法。




转载请注明:http://www.aierlanlan.com/rzdk/4231.html