像今天猫扑这样子html网页整体变黑白的效果怎么做？_随笔

在网页的<head></head>之间的<style type="text/css"></style>标记中加入以下代码,调整网页的灰度等级：

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

或者

body{ filter:Gray}

如没有生效的话，是因为网站没有使用最新的网页标准协议，在网页最上面添加如下代码就可以了：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

注：火狐浏览器不支持这段变灰白的CSS代码，不要疑问大的门户网站像QQ、网易怎么在火狐下变灰白的，

我可以告诉你这个秘密：他们是直接把图片换成灰白的了！因为火狐不支持CSS滤镜效果。

原文：http://www.cn186.net/article/html/1618.html

全站CSS代码

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 之间加

html {

FILTER: gray

}

</style>

欢迎分享，转载请注明来源：内存溢出

像今天猫扑这样子html网页整体变黑白的效果怎么做？