如何让你的网站也变黑?
为表达全国各族人民对青海玉树地震遇难同胞的深切哀悼,国务院决定,4月21日举行全国哀悼活动,全国和驻外使领馆下半旗志哀,停止公共娱乐活动。
王魏博客给大家讲一下如何让你的网站也变成黑灰色,希望有更多的站长加入这场哀悼中!
网站也变成黑灰色方法一(推荐方法):
在网站的CSS样式表中加入样式“filter:gray;”,该样式请不要直接使用,因为该代码比较占用资源,推荐的使用方法如下:
DIV+CSS网站:“div{filter:gray;}”
Table网站:“table{filter:gray;}”
网站也变成黑灰色方法二:
在网站CSS样式表中加入如下样式代码:
html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
这段代码的实现效果和方法一一样,部落建议不要使用这段代码,因为这段代码及其耗费资源,会拖慢网站速度(本人测试后得出结论)。
网站也变成黑灰色方法三:
这个方法最好,而且不会占用太多资源,但是非常麻烦,那就是将自己网站的CSS全部按照黑灰色网站的样式进行调解一次,然后将网站图片也进行重新设计。
网站也变成黑灰色方法四:
将网页变成灰色(只限IE)
<body style="filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);"> </body>
网站也变成黑灰色方法五:
如果用传统的方法将网站变成黑白色非常的麻烦,需要更换页面的文件,并且要对图片进行更改。但如果自己的网站支持CSS的话,一切变得很简单。只要是符合w3标准的网页,在CSS文件的最前面加上一行代码就可以了,这段代码使用的是CSS滤镜,将网页中的色彩部分过滤掉。
html {filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); } (不换行)
加上代码之后,再次刷新网页就会发现页面已经变成黑白的了。
网站也变成黑灰色方法六:
为方便站点哀悼,特提供css滤镜代码,以表哀悼。以下为全站CSS代码。
html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
使用方法:这段代码可以变网页为黑白,将代码加到CSS最顶端就可以实现素装。建议全国站长动起来。为在地震中遇难的同胞哀悼。
如果网站没有使用CSS,可以在网页/模板的HTML代码<head>和</head> 之间插入:
CSS代码
<style>
html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}
</style>
注:有一些站长的网站可能使用这个css 不能生效,是因为网站没有使用最新的网页标准协议XML/HTML代码
<!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>替换为以上代码。
有一些网站FLASH动画的颜色不能被CSS滤镜控制,可以在FLASH代码的<object …>和</object>之间插入:
XML/HTML代码
<param value="false" name="menu"/>
<param value="opaque" name="wmode"/>
最简单的把页面变成灰色的代码是在head 之间加
CSS代码
<style type="text/css"> html { FILTER: gray; } </style>
另在哀悼日或遇难的新闻,所有专题和主题 图片上不能使用红色标题。





