四川汶川大地震牵动着华夏儿女的心。国务院决定,2008年5月19日至21日为全国哀悼日。5月19日14时28分起,全国人民默哀3分钟,届时汽车、火车、舰船鸣笛,防空警报鸣响。在今天当你看到,有很多网站界面都变成了黑白色,你可能会怀疑是网站的问题,或者显示器的问题。不!这些都是网站在这个特别的日子里,通过这个方式来纪念那些在地震中死去的同胞(样式大家可以点击太平洋电脑网预览)。作为中国IT互联网中的站长,此时此刻应该都很想做点什么,除了为灾区慷慨解囊,还可以通过自己的网站为死难同胞做点事情,来吧!将自己的网站也变成黑白色,来缅怀那些逝者吧!下面我们来看看如何将网页变成黑白的。
*{filter:gray; color:gray;}
在CSS文件或style中加入,同时请注意优先级问题,IE浏览器的巨大优势在这种快速应变事件中终于显示出来了~
有一些网站FLASH动画的颜色不能被CSS滤镜控制,可以在FLASH代码的<object …>和</object>之间插入:
<param value="false" name="menu"/>
<param value="opaque" name="wmode"/>
---------------------------------------------
如果你的网站CSS文件有BODY{} 请在BODY下加
BODY {
FONT-SIZE: 12px; MARGIN: 0px; COLOR: #000000; BACKGROUND-COLOR: #ffffff;
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}
最快速度把自己网站变灰,只支持IE:
在CSS文件或style中加入
html,body,p,div,form{filter:gray;color:gray;}
下面我们来看看如何将网页变成黑白的。如果你的网站是静态页面,能够支持支持CSS,那就方便很多了。只要是符合W3标准的网页,在CSS文件的最前面加上一行代码就可以了,这段代码使用的是CSS滤镜,将网页中的色彩部分给滤掉了。
CSS滤镜过滤色彩代码:
html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
加上代码之后,再次刷新网页就会发现页面已经变成黑白效果。另外,加了这些网站灰度代码,因为使用滤镜,所以网站速度会变慢!
编辑:创意设计工作室