飞龙博客

妙法莲华经

雅安地震兼容ie火狐chrome safari 网站变灰纯css js代码

feilong.org 修订于2013-04-20 08:23:20 252 次浏览

今天早上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,#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引用路径。

最后希望我们每一个人都加强地震自救的知识，避免一出现地震就大伤亡。这点日本人以及国外其它一些多地震国家伤亡数相对较少....值得我们深思。
死于地震的%80都是被抗震系数不高豆腐渣房子压死的。对比日本人口密度大、地震规模也大，为何死的人却很少？人家房子抗震能力强。
上香，阿尼陀佛。

更新网址：https://feilong.org/site-gray-css-js
最初发布：20130420 08:23:20 feilong.org 于广州

加入收藏夹，查看更方便。

所在分类： 网站开发

新作：

旧文：