探索设计与体验的融合
Fusion design exploration and experience
新闻动态
News
好的网络营销公司会给客户提出建设性的意见,善于对客户进行良性引导
您的位置:>> 网站首页 >> 技术文章
哀悼死难同胞 网站变灰色的方法

    四川汶川大地震牵动着华夏儿女的心。国务院决定,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); } 

  加上代码之后,再次刷新网页就会发现页面已经变成黑白效果。另外,加了这些网站灰度代码,因为使用滤镜,所以网站速度会变慢!

编辑:创意设计工作室

相关链接>>
您对此文有什么评论?
类型: 意见建议 内容报错
网友对此文的评论:
未有评论!