加载中…
正文 字体大小:

将网页变成黑白色或者灰色的方法(哀悼等之用)

(2010-04-21 09:34:03)
标签:

网页变成黑白色

哀悼

杂谈

分类: 电脑网络.技术交流

  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">

0

阅读 评论 收藏 转载 喜欢 打印举报/Report
  • 评论加载中,请稍候...
发评论

    发评论

    以上网友发言只代表其个人观点,不代表新浪网的观点或立场。

      

    新浪BLOG意见反馈留言板 电话:4006900000 提示音后按1键(按当地市话标准计费) 欢迎批评指正

    新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 会员注册 | 产品答疑

    新浪公司 版权所有