Board logo

标题: 如何通过修改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

  1. body{  
  2.   filter:Gray;  
  3. }
复制代码

作者: 寄托天下    时间: 2008-5-19 18:14

在网页文件首部title后放入如下代码即可实现黑白效果
   <style type="text/css">
        <!--
        .style1 {
            color: #0099FF
        }


.style2 {color: #FF0000}
html {
    FILTER:gray
}
        -->
    </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">
<!--
BODY {
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}
-->
</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/) Powered by Discuz! 7.2