世界之窗论坛 - Powered by Discuz! Board

标题: 如何通过修改CSS将页面改成黑白？ [打印本页]

作者: tgfxpfgt 时间: 2008-5-19 17:28 标题: 如何通过修改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 时间: 2008-5-19 17:36

body{
filter:Gray;
}

复制代码

作者: 寄托天下 时间: 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"/>

作者: tgfxpfgt 时间: 2008-5-19 18:18

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

作者: earn555 时间: 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 编辑 ]

作者: haokeyy 时间: 2008-5-20 21:49

这几天上网得改用ff了

作者: 285900537 时间: 2008-5-20 23:17 标题: 回复 2# Lipton 的帖子

使用这个CSS是相当费资源的。。。。

作者: tgfxpfgt 时间: 2008-5-21 19:02

好吧，我承认我很笨，因为以前从来没接触过CSS，谁能直接告诉我上面那段改好后的
CSS代码

作者: 沉沉暮霭 时间: 2008-5-21 19:11

灰暗单一的色调会使人压抑、烦躁、易怒，眼睛也容易疲劳。

不建议长期使用。

作者: tgfxpfgt 时间: 2008-5-22 12:02

反正三天已过，这个过期了

欢迎光临世界之窗论坛 (http://bbs.theworld.cn/)