今天早上8点多的样子，正烦恼中国雅虎邮箱19号关闭的事情，突然在邮箱里看到8点左右四川雅安竟然发生地震！为表示哀悼，飞龙整理下网站变灰的代码备用。这有纯css的有纯js的，只需一种即可。飞龙用的纯css的。查了一下，兼容ie 火狐 chrome safari 网站变灰的代码，效果还可以。本日志修订地址：http://feilong.org/site-gray-css-js 雅安芦山地震，祈祷早点过去，恢复安定生活。
一、兼容ie 火狐 chrome safari 网站变灰css代码，放到样式表文件的通用hear部分，第一行放起。
/*site to gray ie*/
html{filter:gray;filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}
body{filter:gray;}
img{filter:gray;}
/*site to gray firefox*/
html{filter: url("data:image/svg+xml;utf8,<svg%20xmlns='http://www.w3.org/2000/svg'><filter%20id='grayscale'><feColorMatrix%20type='matrix'%20values='0.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200%200%200%201%200'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
filter: gray; /* IE6+ */
filter: grayscale(100%); /* Current draft standard */
-webkit-filter: grayscale(100%); /* New WebKit */
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
}
二、兼容ie 火狐 chrome safari 网站变灰js代码,防止网站footer模板内。
1、先到这里下载js代码：http://james.padolsey.com/demos/grayscale
2、然后在网站footer模板内，添加如下代码：注意修改js引用路径。
<script src=".............to-the-js-path/grayscale.js"></script>
<script>
window.onload = togray;
function togray(){grayscale(document.body);}
</script>
最后希望我们每一个人都加强地震自救的知识，避免一出现地震就大伤亡。这点日本人以及国外其它一些多地震国家伤亡数相对较少....值得我们深思。
死于地震的%80都是被抗震系数不高豆腐渣房子压死的。对比日本人口密度大、地震规模也大，为何死的人却很少？人家房子抗震能力强。
上香，阿尼陀佛。
↧