卢松松博客

吊念:网页颜色变黑白代码

 人参与 | 时间:2010年04月20日 20:44

国务院决定,为表达全国各族人民对青海玉树地震遇难同胞的深切哀悼,2010年4月21日举行全国哀悼活动,全国和驻外使领馆下半旗志哀,停止公共娱乐活动。希望大家明天能把整站变灰色,沉痛哀悼遇难同胞。

为方便站点哀悼,特提供css滤镜代码,以表哀悼。以下为全站CSS代码,兼容主流浏览器。

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

使用方法:这段代码可以变网页为黑白,将代码加到CSS最顶端就可以实现素装。建议全国站长动起来。为在地震中遇难的同胞哀悼。

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

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

有一些站长的网站可能使用这个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>替换为以上代码。
有一些网站FLASH动画的颜色不能被CSS滤镜控制,可以在FLASH代码的<object …>和</object>之间插入:

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

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

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

注:火狐浏览器下无效

顶: 1踩: 0

来源:,欢迎分享,(QQ/微信:13340454)

必填

选填

选填

◎已有 51 人评论,微信:QQ13340454

1楼小包子  2014-12-13 09:05:19
不是吊念,是悼念。。。
顶: 0踩: 0 回复
2楼德均博客  2014-05-12 07:54:17
今天是512大地震 德均博客已经素妆
顶: 0踩: 0 回复
3楼高清图片  2014-01-03 05:17:33
感觉有点卡还是只把图片滤镜一下就好了~我为他们祈祷和祝福,但是对捐款和这种形式上的东西毫无兴趣。写了不少,想想又删了,算了吧,天朝这无底洞我就不议论了。
顶: 0踩: 0 回复
4楼程志昂  2013-05-08 21:45:28
现在是雅安了。
顶: 0踩: 0 回复
5楼施胜浩  2013-04-22 10:23:50
不错哦,呵呵,希望雅安人民早点好起来。
顶: 0踩: 0 回复
6楼声卡驱动器官方下载  2013-04-22 09:21:14
会有用的。
顶: 0踩: 0 回复
7楼小思设计  2013-04-22 08:16:09
松哥也试试吧。。
顶: 0踩: 0 回复
8楼刘志仕博客  2013-04-21 23:43:58
我的WP用了,杂不行呢?
顶: 0踩: 0 回复
9楼给老人买什么礼物好  2013-04-21 23:38:08
我也乱码。。
顶: 0踩: 0 回复
10楼乌龟不牛sBlog  2013-04-21 23:32:36
文章右侧 友荐猜你喜欢 乱码
顶: 0踩: 0 回复
11楼伊泽  2013-04-21 23:07:35
谢谢分享。网站已经使用。
顶: 0踩: 0 回复
12楼Hi记忆  2013-04-21 22:49:02
用了第一条,管用!
默哀!
顶: 0踩: 0 回复
13楼情书网  2013-04-21 22:14:42
我在成都,没想到刚来成都不到半个月就发生了地震,真正体验过地震的,才知道。。。陈翔歌迷网和情书网都弄成灰色了。
顶: 0踩: 0 回复
14楼糗事百科  2013-04-21 19:26:46
全国站长行动起来,祈祷
顶: 0踩: 0 回复
15楼哥特复兴  2013-04-21 18:03:03
前来支持
顶: 0踩: 0 回复
16楼妹子图  2013-04-21 17:37:08
顶。wp不知道怎么操作啊。。
顶: 0踩: 0 回复
17楼小虎博客  2013-04-21 17:25:33
在淘宝和京东看过这个效果,原来只要一行CSS代码就可以了。
顶: 0踩: 0 回复
18楼明月博客  2013-04-21 16:30:02
我更换网站头部图片
顶: 0踩: 0 回复
19楼叶天冬博客  2013-04-21 15:39:45
我也去试试看,全国站长行动起来。
顶: 0踩: 0 回复
20楼电视电脑一体机  2013-04-21 15:36:55
哀悼
顶: 0踩: 0 回复
21楼企业建站  2013-04-21 15:36:41
只有ie起作用,,火狐不行,,
顶: 0踩: 0 回复
22楼riant  2010-05-04 23:29:26
不是 火狐不行,是只有 IE 起作用
顶: 0踩: 0 回复
23楼洋葱画报  2010-04-29 12:22:59
可惜,看到这篇文章的时候已经晚了。
顶: 0踩: 0 回复
24楼辽阳  2010-04-27 09:23:00
不知道那些大站是怎么弄的
顶: 0踩: 0 回复
25楼LAONB  2010-04-24 14:16:44
FF下是无效的,当天在公司测试一个网址,大家还觉得奇怪,原来是因为我用FF。
顶: 0踩: 0 回复
26楼LAONB  2010-04-24 14:15:57
去年用过一次,是纪念5.12.
顶: 0踩: 0 回复
27楼0cai  2010-04-23 08:22:18
迟来了 前来观望!
顶: 0踩: 0 回复
28楼海天无影  2010-04-22 17:11:56
感觉有点卡
还是只把图片滤镜一下就好了~
顶: 0踩: 0 回复
29楼沉冰浮水  2010-04-22 14:44:16
松姐只悼念遇难站长的?
顶: 0踩: 0 回复
30楼ubosm  2010-04-22 12:29:30
呵呵 我昨天也改成这种了的
顶: 0踩: 0 回复
31楼世纪之光  2010-04-21 20:11:13
我为他们祈祷和祝福,但是对捐款和这种形式上的东西毫无兴趣。
写了不少,想想又删了,算了吧,天朝这无底洞我就不议论了。
顶: 0踩: 0 回复
32楼安庆法律人  2010-04-21 18:43:58
个人不喜欢这样做
顶: 0踩: 0 回复
33楼园子  2010-04-21 17:07:51
如果兼容火狐就好了。
顶: 0踩: 0 回复
34楼踏雪残情  2010-04-21 16:40:55
悼念玉树灾区遇难同胞!
顶: 0踩: 0 回复
35楼houkai  2010-04-21 13:09:51
不错 简单 字数还不够吗
顶: 0踩: 0 回复
36楼cyusyu  2010-04-21 12:21:57

很多博客都穿上素装了,我的网站也穿上了,为青海人民哀悼
顶: 0踩: 0 回复
37楼柳絮轻飞  2010-04-21 11:48:08
FF太不水产了,居然不变色。
顶: 0踩: 0 回复
38楼站长博客  2010-04-21 11:37:12
为灾区祈福~~~~~~~~
顶: 0踩: 0 回复
39楼离鸣  2010-04-21 10:32:43
晕弄了半天才看见火狐下无效,那还要它干嘛。
顶: 0踩: 0 回复
40楼要饭的  2010-04-21 10:01:17
为灾区祈福~~~~~~~~
顶: 0踩: 0 回复
41楼老七  2010-04-21 10:00:04
到处都是黑白了。。今天。。
顶: 0踩: 0 回复
42楼bolo  2010-04-21 00:56:51
看到“Microsoft”字样就知道IE only了
顶: 0踩: 0 回复
43楼集思  2010-04-21 00:51:18
嗯,我的本来就是黑白两色的,全天候为玉树默哀
顶: 0踩: 0 回复
44楼weiking  2010-04-20 23:59:53
相应国务院号召。
我们这些小站长大的有可能帮不上,但是网页变灰应该都能做到吧。
一起为玉树人民祈福吧!!!
顶: 0踩: 0 回复
45楼LouisHan  2010-04-20 23:07:13
一般都会写作悼念吧
顶: 0踩: 0 回复
46楼laofan  2010-04-20 22:52:29
为什么我都尝试了还不能实现?
顶: 0踩: 0 回复
47楼RayChow  2010-04-20 22:46:08
求所有浏览器都能用的方法啊……难道只能手工拉黑?
顶: 0踩: 0 回复
48楼月亮实验室  2010-04-20 22:19:53
非常及时,希望以后杯具少点
顶: 0踩: 0 回复
49楼风云春秋博客  2010-04-20 22:08:03
积极地相应了!已换黑白!明天白天忙没时间换 今晚上换上了!
顶: 0踩: 0 回复
50楼志言  2010-04-20 22:05:06
明天试试看,哎,明天又是黑白的一天
顶: 0踩: 0 回复
51楼品品  2010-04-20 22:04:25
已换素装,哀悼!!
顶: 0踩: 0 回复
52楼hisnake  2010-04-20 21:43:59
恩,火狐确实不行,ie内核的都好使,我笨到用ps改图片颜色了...
顶: 0踩: 0 回复