雅安地震兼容ie火狐chrome safari 网站变灰纯css js代码
feilong.org 修订于2013-04-20 08:23:20 512 次浏览今天早上8点多的样子，正烦恼中国雅虎邮箱19号关闭的事情，突然在邮箱里看到8点左右四川雅安竟然发生地震！为表示哀悼，飞龙整理下网站变灰的代码备用。这有纯css的有纯js的，只需一种即可。飞龙用的纯css的。查了一下，兼容ie 火狐 chrome safari 网站变灰的代码，效果还可以。本日志修订地址：http://feilong.org/site-gray-css-js 雅安芦山地震，祈祷早点过去，恢复安定生活。
一、兼容ie 火狐 chrome safari 网站变灰css代码，放到样式表文件的通用hear部分，第一行放起。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
/*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引用路径。
|
1 2 3 4 5 |
<script src=".............to-the-js-path/grayscale.js"></script> <script> window.onload = togray; function togray(){grayscale(document.body);} </script> |
最后希望我们每一个人都加强地震自救的知识，避免一出现地震就大伤亡。这点日本人以及国外其它一些多地震国家伤亡数相对较少....值得我们深思。
死于地震的%80都是被抗震系数不高豆腐渣房子压死的。对比日本人口密度大、地震规模也大，为何死的人却很少？人家房子抗震能力强。
上香，阿尼陀佛。
更新网址：https://feilong.org/site-gray-css-js
最初发布：20130420 08:23:20 feilong.org 于广州
加入收藏夹，查看更方便。
所在分类： 网站开发