一句代码快速将网站换成黑白风格

王朝html/css/js·作者佚名 2008-06-01

2008年5月12日下午14点28分，四川汶川县发生7.8级大地震。轰动全球。给我们带来了巨大悲痛。为祖国带来了巨大损失。这让我们十分伤痛与难过。为了方便各位站长朋友致哀。将快速转换网站为黑白风格的方法在此介绍一下。

不过，有点缺憾。不支持除IE以外的浏览器。另外。运行此滤镜后。速度比较慢。。。

首先，对于使用CSS样式的朋友（应该说，大部分网站都是使用的CSS+DIV吧）。方法如下：

把这段加到全站CSS里：

html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }

如果使用DVBBS（论坛）：

修改你论坛的skins/default.css 在开头加上如下代码：

html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }

如果网站CSS代码里已经有html{原有标签内容} 那么将上面代码加到 html{标签内容} 里，

变成 html{原有标签内容 filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }

如果网站CSS代码里没有html{原有标签内容} 而有 body {原有标签内容}

那么，将上面代码加到 body {标签内容} 里，

变成 body{原有标签内容 filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }

都可以实现效果。

如果网站没有使用CSS，可以在网页/模板的HTML代码<head>和</head> 之间插入：

<style>

html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}

</style>

有一些网站可能使用这个css 不能生效，是因为网站没有使用最新的网页标准协议

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

请将网页最头部的<html>替换为以上代码。

FLASH动画的颜色不能被CSS滤镜控制，可以在FLASH代码的<object …>和</object>之间插入：

最简单的把页面变成灰色的代码是在head 之间加

html {

FILTER: gray

}

</style>

建议各位朋友动起来。为在地震中遇难的同胞表示沉痛哀悼！！！