网站变为黑白的CSS代码——哀悼玉树地震中遇难同胞

最新推荐文章于 2022-12-02 15:12:32 发布

smstong

最新推荐文章于 2022-12-02 15:12:32 发布

阅读量1.7k

点赞数

分类专栏： web开发脚本语言文章标签： css html filter flash xhtml web开发

54 篇文章 0 订阅

订阅专栏

33 篇文章 1 订阅

订阅专栏

注意：原文为四川汶川地震时发表，为与时间同步，转载时改成了玉树地震。

2008-05-19 13:41:24

　标签：网站 CSS web开发地震黑白　　　[ 推送到技术圈 ]

为表达全国各族人民对玉树地震遇难同胞的深切哀悼，国务院决定，2010年4月21日为全国哀悼日。在此期间，全国和各驻外机构下半旗志哀，停止公共娱乐活动。

各大网站为了表达哀思，纷纷将首页变为黑白色。朋友们询问如何快速达到这种效果，现将我了解到的几种方法与大家共享：

最简洁的把页面变成灰色的代码是在head 之间加

html {

FILTER: gray

}

</style>

以下为全站CSS代码。：

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

使用方法：这段代码可以变网页为黑白，将代码加到CSS最顶端就可以实现素装。

如果网站没有使用CSS，可以在网页/模板的HTML代码<head>和</head> 之间插入：

<style>

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

</style>

有一些网站可能使用这个CSS不能生效，是因为网站没有使用最新的网页标准协议

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

请将网页最头部的<html>替换为以上代码。

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

第一种方法：如果是用下面的方式调用FLASH，则在代码中加入“wmode="opaque"”，例如：

第二种方法：如果是用下面的方式调用FLASH，则在代码中加入“<param name="wmode" value="opaque">”，例如：

关注