本文介绍如何通过简单修改HTML和CSS代码使网页呈现灰度效果，适用于纪念日或特殊场合使用。提供了多种实现方法，包括直接在<head>部分添加样式以及针对不同元素应用滤镜效果。
最简单的把页面变成灰色的代码是在<head>和</head>之间加
<
style
type
="text/css"
>
...
html {...}{
FILTER: gray
}
</
style
>
或者：将<body>改为：
<
body
style
="filter:Gray"
>
第一情况：把下面代码复制到你网页的<head></head>中就可以了实现
<
style
type
="text/css"
>
...
<!--BODY {...}{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}-->
</
style
>
第二情况：如果你的站已有CSS，那加入
html
{...}
{ filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
就可以了
第三情况：有一些站长的网站可能使用这个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"
>
请将网页最头部的<html>替换为以上代码。
第四情况：有一些网站FLASH动画的颜色不能被CSS滤镜控制，可以在FLASH代码的<object …>和</object>之间插入：
<param value="false" name="menu"/>
<param value="opaque" name="wmode"/>
缺点：上述代码在Firefox和Opera之类的浏览器就不能用了，新浪、搜狐、网易等大型门户网站之所以可以保持“兼容性”，是因为他们把图片、文字真正的转化为灰色了。
转载注明出处：嘻嘻网（http://114.xixik.com/black_color）
扫一扫
439
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
