三更论坛技术版『 技术交流 』 → 将网页变成黑白色的代码与使用方法


  共有13243人关注过本帖树形打印复制链接

主题:将网页变成黑白色的代码与使用方法

帅哥哟,离线,有人找我吗?
admin
  1楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:坛主 帖子:350 积分:3614 威望:0 精华:0 注册:2003-12-30 16:34:32
将网页变成黑白色的代码与使用方法  发帖心情 Post By:2010-4-21 10:19:02 [只看该作者]

  2008年四川汶川大地震和2010年青海玉树地震,全国哀悼日的时候,我们会看到全国主流网站的首页都变成了黑白色,向地震遇难同胞表示哀悼。

  不清楚的时候,我们还以为是通过处理、设置网页上各个部分,比如把彩色图片逐个处理为黑白图片,来完成网页颜色改变的。但实际上,不用这么麻烦,而是采用插入代码的方法,统一变换的。

  本文的后面,我们将介绍变换的代码与使用方法。

  下面,是我们的三更论坛首页变成黑白色的截图(在后台管理的广告设置页面插入变换的代码):


按此在新窗口浏览图片 

 

  下面我们来看看如何将网页变成黑白的。
  如果你的网站是静态页面,能够支持CSS,那就方便多了。只要是符合W3标准的网页,在CSS文件的最前面加上一行代码就可以了,这段代码使用的是CSS滤镜,将网页中的色彩部分给滤掉了。

 

  CSS滤镜过滤色彩代码

 

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

 

  使用方法:将以上代码加入到CSS最顶端,就可以实现素装,网页便变成黑白色。

 

  有一些网站可能使用这个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>替换为以上代码。


  如果网站没有使用CSS,可以在网页头部HTML代码的<head>和</head>之间插入如下代码:


<style>
html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}
</style>

 

  有一些网站FLASH动画的颜色不能被CSS滤镜控制,可以在FLASH代码的<object …>和</object>之间插入:

 

<param value="false" name="menu"/>
<param value="opaque" name="wmode"/>

 

  最简单的把页面变成灰色的方法,是在head之间增加如下代码:

 

<style type="text/css">
html {
    FILTER: gray
}
</style>

 

或者:

<body style="filter:Gray">




三更论坛交流群:11484137 三更有梦休闲群:30275742
荞麦的新浪博客:http://blog.sina.com.cn/qiaomai
有事请点这里与荞麦临时会话QQ留言
 回到顶部
美女呀,离线,留言给我吧!
拉拉劳
  2楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:新手上路 帖子:4 积分:234 威望:0 精华:0 注册:2010-7-23 10:58:14
  发帖心情 Post By:2010-7-24 16:02:12 [只看该作者]

那时我看到很多网站都将网站由彩色变黑黑与白,感觉还行。大家都站在一起的感觉。其实大家有想到其他人,那感觉多好。之前看到那些大头婴,心都凉了。我们应该将那些有问题,假冒的产品狠狠大家,那些大品牌应该做好防伪印刷标志,那样对我们消费者也有好处咯。


白癜风
治疗白癜风
 回到顶部