2010年8月7日夜22点左右,甘肃甘南藏族自治州舟曲县发生特大泥石流,截至14日16时,泥石流致使1239人遇难,505人失踪,住院66人,解救1243人。8月15日上午,甘肃省在舟曲县举行哀悼活动,对在舟曲泥石流灾害中的遇难同胞表示哀悼。中国和驻外使领馆,香港,澳门均下半旗志哀,并停止公共娱乐活动。
作为互联网应用的各大网站纷纷响应,均把网站变为灰色,用以哀悼,愿逝者安息。
使网站变灰的方法很多。现在总结一下。
方法一:
在网页head内插入
<style type="text/css">html {filter:Gray;}body{filter:Gray;}</style>
或者在网站的css风格文件内插入
html {filter:Gray;}body{filter:Gray;}
要是网站所使用的 Flash 也变成会在,需要找到调用 Flash 的地方,在object内插入
<param value="false" name="menu"/> <param value="opaque" name="wmode"/>
有一些站长的网站可能使用这个css不能生效,是因为网站没有使用最新的网页标准协议:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">
请将网页最头部的<html>替换为以上代码。
方法二:
在网页head内插入
<style type="text/css">
html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}
body{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}
</style>
或者在网站的css风格文件内插入
html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}
body{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}
要是网站所使用的 Flash 也变成会在,需要找到调用 Flash 的地方,在object内插入
<param value="false" name="menu"/> <param value="opaque" name="wmode"/>
有些网站可能使用这个css不能生效,是因为网站没有使用最新的网页标准协议:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">
请将网页最头部的<html>替换为以上代码。
方法三:
这种方法最简单,就是找到body这个部分,在body的后面紧接着写入<body style=”FILTER:Gray;”>,然后确定修改,刷新首页就看到灰色了。
方法四:
以上三种方法,都是调用 MS IE 的 Filter 渲染,但是这个方法却无法让使用 firefox , opera 等非 IE 浏览器的用户看到网站变黑。
有没有兼容所有浏览器使网站变黑的方法呢?
有。JavaScript能做到,早就有人用js模拟了ie的gray滤镜,如果你感兴趣并且愿意看英文,可以去看看《“GRAYSCALING” IN NON-IE BROWSERS》。如果你不愿意看,那就直接按照下面的步骤去做吧。
1、下载grayscale.js文件,并将其放在 jscrtipt 文件夹(其实放那个文件夹无所谓,看你在第二步的时候调用正确了,就好了。)
2、在你的header里引用这个js文件
<script type="text/javascript" src="../include/jscript/grayscale.js"></script>
这里 “../include/jscript/grayscale.js” 是你调用存放的 js 文件的地址。你也可以这样写,然后直接调用远程文件.
<script type="text/javascript" src="http://james.padolsey.com/demos/grayscale/grayscale.js"></script>
3、要实现全站灰度,在onload事件中调用
grayscale(document.body);
也就是说,如果你的 body 起始标签为 <body> 你就需要改成
<body onload=grayscale(document.body)>
注:方法是因为是调用 JS 渲染,所以,效果都是等待整个网页下载助理完,才会变黑的,所以在刷新的时候,前段时间,还是原来网站的风格。