下面我们来看看如何将网页变成黑白的。如果你的网站是静态页面，能够支持支持CSS，那就方便很多了。只要是符合W3标准的网页，在CSS文件的最前面加上一行代码就可以了，这段代码使用的是CSS滤镜，将网页中的色彩部分给滤掉了。
CSS滤镜过滤色彩代码：
html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)}
使用方法：这段代码可以变网页为黑白，将代码加到CSS最顶端就可以实现素装。
有一些站长的网站可能使用这个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">
请将网页最头部的替换为以上代码。
有一些网站FLASH动画的颜色不能被CSS滤镜控制，可以在FLASH代码的和之间插入：
<param value="false" name="menu"/>
<param value="opaque" name="wmode"/>
最简单的把页面变成灰色的代码是在head 之间加
<style type="text/css">
html {
FILTER: gray
}
</style>
或者：
<body style="filter:Gray">
加个宽度试试img{
width:100%
filter:gray
}
我这边用360测试是正常的，不知道你那个哪个版本的，有的浏览器不支持滤镜的。哦，记得非IE内核都不支持
如果使用css方式那就给这层加一个css属性
filter:Alpha(opacity=20)
里面的20是透明的程度，你可以根据自己的需要修改
如果使用jquery
$(层对象).fadeTo('slow', 0.3)
slow是透明的速度，可以是数字，1000表示毫秒，也就是1秒，他就会在1秒内对层进行透明度设置
后面那个0.3是透明度，最大为1，表示不透明，最小为0，表示完全透明。
不对哦，层一般本来就是透明的啊，在你没有给层设定背景颜色或者背景图片的情况下，他本来就是透明的啊
至于起到遮罩作用，你把这个层放置于其他元素上面就行，设置他的css属性：z-index，把属性值弄大一点就行
z-index:10000
