css滤镜实现页面灰色黑白色效果代码

　　淘宝的代码

复制代码代码如下:

　　html {

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

　　-webkit-filter: grayscale(1);

　　}

　　CSS3 greyscale 滤镜实现

　　如下测试代码：

复制代码代码如下:

　　.gray {

　　-webkit-filter: grayscale(100%);

　　-moz-filter: grayscale(100%);

　　-ms-filter: grayscale(100%);

　　-o-filter: grayscale(100%);

　　filter: grayscale(100%);

　　filter: gray;

　　}

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

　　使用方法：这段代码可以变网页为黑白，将代码加到CSS最顶端就可以实现素装。建议全国站长动起来。为在地震中遇难的同胞哀悼。

　　如果网站没有使用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 之间加<style type="text/css">

　　html {

　　FILTER: gray

　　}

　　</style>

　　一般的discuz论坛在你的控制css 文件下修改/images/header/header.css 这个文件