您的位置:首页 > 运维架构 > 网站架构

祈福雅安,为同胞默哀!

2013-04-22 19:38 916 查看


关于4.20四川雅安7.0级地震的消息想必大家都知道了,就不多说了,新闻是铺天盖地的,其中有一些感动的新闻,也有一些对救灾中的负面新闻,也希望大家的关注点在救灾上面。

很多网站都推出了寻人服务和捐款页面,大家如果能力所及,希望可以关注一下。

只能在心里默哀了,祝福雅安早日重建。

特意将网站改为黑白色,希望大家可以理解。

支持三种主流浏览器,代码如下:

C++

<!-- 祈福雅安 -->
<style>
html{
filter: grayscale( 100%);
-webkit-filter: grayscale( 100%);
-moz-filter: grayscale( 100%);
-ms-filter: grayscale( 100%);
-o-filter: grayscale( 100%);
filter: url( "data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter: grayscale( 1);
}
</style>
1
2
3
4
5
6
7
8
9
10
11
12
13
<!-- 祈福雅安 -->

<style>

html{

filter: grayscale( 100%);

-webkit-filter: grayscale( 100%);

-moz-filter: grayscale( 100%);

-ms-filter: grayscale( 100%);

-o-filter: grayscale( 100%);

filter: url( "data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");

filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);

-webkit-filter: grayscale( 1);

}
</style>
将其添加在</header>之前就可以了。

如果您也是一位站长,希望可以用此方式带动更多的人为雅安祈福。

此黑白效果将持续一周,希望大家见谅。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息