如何通过修改CSS将页面改成黑白？

如何通过修改CSS将页面改成黑白？这三天有许多网站把界面改成了黑白，听说好像是修改CSS实现的。
所以想把自己的百度空间也变成黑白的，谁能告诉我该怎么做吗？
最好详细点～～～
下面是百度空间可编辑的CSS的前面部分
/*默认*/
body{background-color:#FFFFFF}
#header{height:89px;background:#3399CC}
#header div.lc{background:url(http://img.users.51.la/1540127.asp) no-repeat}
#header div.rc{background:url(http://img.tongji.cn.yahoo.com/619310/ystat.gif) no-repeat top right}
#header div.tit{top:8px;left:20px;line-height:22px;font-size:20px;font-family:黑体}
#header div.tit a.titlink{color:#FFFFFF;text-decoration:none}
#header div.tit a.titlink:visited{color:#FFFFFF;text-decoration:none}
#header div.desc{top:33px;left:20px;color:#FFFFFF;font-size:13px}
#tabline{top:89px;background-color:#FFFFFF}
#tab{top:67px;background:url(http://img.baidu.com/hi/temp1/tabbg.gif) repeat-x}
#tab a.on,#tab a.on:link,#tab a.on:visited{margin-top:3px;border-left:1px solid #FFFFFF;border-right:1px solid #FFFFFF;border-top:1px solid #FFFFFF;line-height:19px;background-color:#F3F1F1;color:#197CAE;font-size:14px}
#tab span{color:#FFFFFF;font-size:14px}
#tab a:link{color:#FFFFFF;text-decoration:none;font-size:14px}
#tab a:visited{color:#FFFFFF;text-decoration:none;font-size:14px}
#tab2{background:#DAE9F5}
#tab2 span{color:#000000;font-size:12px;font-weight:bold}
#tab2 a{font-size:12px}
#tab2 a:link{color:#0000CC}
#tab2 a:visited{color:#0000CC}
.stage{background:#F3F1F1}

[ 本帖最后由 tgfxpfgt 于 2008-5-19 18:25 编辑 ]

Lipton

管理员

Rank: 20

UID: 33172
帖子: 1398
精华: 0
贡献: 20
推广: 9257
有效BUG: 0
来自: 武汉
注册时间: 2006-12-10

2^#

发表于 2008-5-19 17:36 | 只看该作者

body{
filter:Gray;
}

复制代码

AnDrEw

TOP

寄托天下

论坛元老

Rank: 12

UID: 413
帖子: 4744
精华: 2
贡献: 0
推广: 0
有效BUG: 0
来自: 世界之窗家庭
注册时间: 2005-3-13

3^#

发表于 2008-5-19 18:14 | 只看该作者

在网页文件首部title后放入如下代码即可实现黑白效果
<style type="text/css">
      
</style>
FLASH动画的颜色不能被CSS滤镜控制，可以在FLASH代码的<object …>和</object>之间插入：
<param value="false" name="menu"/>
<param value="opaque" name="wmode"/>

掉到地上的食物  3秒内还能吃
掉到泥巴里的食物  3秒内还能吃
掉到煤堆里的食物  3秒内还能吃
掉到砒霜里的食物  3秒内还能吃
掉到氰化钾里的食物  3秒内还能吃
掉到马桶里面的食物任何時候都不能吃

TOP

tgfxpfgt

中级用户

Rank: 4

UID: 33996
帖子: 75
精华: 0
贡献: 0
推广: 0
有效BUG: 0
注册时间: 2006-12-15

4^#

发表于 2008-5-19 18:18 | 只看该作者

怎么上面两位方法不同？殊途同归？

TOP

earn555

中级用户

Rank: 4

UID: 36277
帖子: 234
精华: 0
贡献: 0
推广: 0
有效BUG: 0
注册时间: 2006-12-29

5^#

发表于 2008-5-20 20:30 | 只看该作者

有了CSS的，直接用灰度滤镜：
*{filter:Gray;}
这样用通配符好像比较好的。

或者加CSS：
<style type="text/css">

</style>
或者用JS：
<script language=JavaScript>
document.body.style.filter = "progid:DXImageTransform.Microsoft.BasicImage(GrayScale=1)";
</script>
两者等效。

对非标准页以上可能不起作用，
<!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中的彩色，可在<object>中插入参数：
<param value="false" name="menu"/>
<param value="opaque" name="wmode"/>

[ 本帖最后由 earn555 于 2008-5-20 20:31 编辑 ]

TOP

haokeyy