如何让网页变成黑白色

石头发布于2010-4-16 12:40:53 分类: 小技巧已浏览1552次网友评论35条 我要评论

这次的青海玉树地震再次勾起了5.12地震时我沉痛的记忆：站在左右晃动的楼上的恐惧，到处都是寻找的人，到处都是惊慌的眼神……我可以完全感受现在青海玉树的人民的那种心情。5.12过去了，又有个4.14，但愿再也不会有了……

为了为青海玉树地震默哀，石头把博客变成了全黑白色的，和5.12地震一样，网站黑白默哀一天。

怎样实现?

网站变成黑白色主要原理是使用CSS滤镜grayScale。把以下代码加入到博客或网站的CSS文件中即可实现博客全变黑白色。

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

或

body{ filter:Gray; }

如果你没有CSS文件，可以在<head>与</head>之间插入以下代码：

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

或

<style>
body{ filter:Gray; }
</style>

举一反三

如果你要把一个图片变成黑白色，你可以这样定义CSS：

IMG {FILTER: progid:DXImageTransform.Microsoft.BasicImage(grayScale :1)}/*把图片变成黑白色*/
OBJECT { FILTER: progid:DXImageTransform.Microsoft.BasicImage(grayScale :1)}*把Object对像变成黑白色*/

相关问题

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

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

已经有(35)位网友发表了评论，你也评一评吧！

原创文章转载请注明引自石头博客 http://www.stou.info/ 欢迎订阅石头博客。

猜你也喜欢

关于网站的相关文章

35楼男士面膜回复该评论

发表于2010-08-17 15:30:26

呵呵，博主里面有AD了。
34楼 YY 回复该评论

发表于2010-08-17 12:53:32

呵呵，我就不凑这个热闹了·
33楼 oogps 回复该评论

发表于2010-08-17 11:10:46

每次都来顶。
32楼 fx200 回复该评论

发表于2010-08-17 11:04:29

学习了
31楼 ghdstraighteners 回复该评论

发表于2010-08-16 15:51:31

谢谢博主了，学习了
30楼晴天回复该评论

发表于2010-08-16 10:11:16

这个方法很多的哦！
七夕节日快乐！
祝天下有情人终成眷属！
29楼集趣回复该评论

发表于2010-08-15 10:13:11

在谷歌浏览器里，无法显示效果
28楼爱好者博客回复该评论

发表于2010-08-15 00:14:16

真不希望石头以后再写这样的文章，中国折腾不起啦。
27楼邪气凛然回复该评论

发表于2010-07-07 20:59:10

浩然正气
26楼小说下载网回复该评论

发表于2010-07-07 20:58:12

卡列尼娜
25楼厉董回复该评论

发表于2010-04-30 12:19:24

不再潜水，顶下先！
stone 于 2010-4-30 12:20:01 回复
看来一直潜了很久了？
厉董于 2010-4-30 12:20:48 回复
是有一段时间了！呵呵
stone 于 2010-4-30 12:21:42 回复
汗，这么热的天，潜着爽吧
24楼痕迹回复该评论

发表于2010-04-21 18:30:28

你的网站蓝白相间，白光闲闲，十分耀眼。
23楼集趣回复该评论

发表于2010-04-21 17:23:51

这两天上网一点意思都没有，视频也不能看了！
22楼 alex 回复该评论

发表于2010-04-21 16:31:46

我的是变成黑白的了，但是怎么页面显示不完全啊
21楼园子回复该评论

发表于2010-04-21 15:38:40

这些天这段代码很是流行。
20楼 coronalab 回复该评论

发表于2010-04-21 10:21:38

支持LZ,谢谢
19楼猴子回复该评论

发表于2010-04-21 02:16:53

加我用的这个代码吧，比灰站好一些。
stone 于 2010-4-21 9:54:18 回复
你那博客打开太震撼了。。。。
18楼 MK 回复该评论

发表于2010-04-20 23:22:33

中国这两年灾难太多！！我也把博客改成了黑白色以悼念青海玉树死者！
stone 于 2010-4-21 0:12:59 回复
21日全国哀悼日，诚心的为逝去的人们哀悼吧
17楼老七回复该评论

发表于2010-04-18 13:36:45

只对ie有效？
stone 于 2010-4-21 0:13:16 回复
恩，FF下会失效。
16楼皓辰回复该评论

发表于2010-04-17 19:45:17

我想我也该整成黑白的了
15楼 itopdog 回复该评论

发表于2010-04-17 19:22:09

很不错的小站
14楼老唐博客回复该评论

发表于2010-04-17 18:31:20

我也来用一下。
13楼扯远了回复该评论

发表于2010-04-17 18:09:51

学习了。请教一个问题。怎么修改文章里面引用的超链接的颜色？
stone 于 2010-4-17 18:11:27 回复
定义blockquote a这个类的css吧
12楼老七回复该评论

发表于2010-04-17 12:18:49

这个貌似不错我先本地试试去。。
11楼无名博客回复该评论

发表于2010-04-17 07:10:18

我已经好久没来了，这几天忙的不亦乐乎，诶！

我说石头哥，还是改回来吧！咱们向大网站看齐就可以了
stone 于 2010-4-17 8:46:09 回复
忙啥呢？
10楼浅心回复该评论

发表于2010-04-17 03:15:36

额等2012我吧网站做成黑白的先为灾区人民祈福吧
stone 于 2010-4-17 8:47:35 回复
有钱的话，捐点吧~！
9楼 619 回复该评论

发表于2010-04-16 17:58:18

还会有的
stone 于 2010-4-16 17:58:52 回复
啊？
8楼 weiking 回复该评论

发表于2010-04-16 15:50:26

不错，之前汶川地址时候给单位做的页面也是这么做的。
stone 于 2010-4-16 16:42:36 回复
呵呵，那会是的，大部分网站都黑了。
7楼断文回复该评论

发表于2010-04-16 13:52:53

现在个大网站都没黑白，等过断时间再看看
stone 于 2010-4-16 16:45:38 回复
哈哈，到时候来我这里取代码哈。嘿嘿
6楼朵未回复该评论

发表于2010-04-16 13:38:39

知道了，原来在FF下无效。
5楼朵未回复该评论

发表于2010-04-16 13:37:39

wordpress不知道该改哪个文件。主题的style.css好像无效。
stone 于 2010-4-17 8:47:13 回复
没有研究过wp,不过原理是把这个代码放在网页的CSS文件里，你的主题CSS文件在哪里？
4楼商业创意回复该评论

发表于2010-04-16 13:27:21

这个貌似是必须的
百度的广告也是黑白的了？
stone 于 2010-4-16 13:30:45 回复
恩，啥都黑了
3楼朵未回复该评论

发表于2010-04-16 13:19:41

512的当年我灰过一次。我也去搞下。
stone 于 2010-4-16 13:30:22 回复
还没有灰？
2楼 166 回复该评论

发表于2010-04-16 13:11:00

ding ni 石头哥哥。
stone 于 2010-4-16 13:29:56 回复
常来哈，呵呵
1楼四年回复该评论

发表于2010-04-16 13:09:10

哈哈，可真神奇了。博主真博爱！但愿再也不会有了的愿望虽然不完全能实现，但至少我们都温暖。想当年5.12，看着穿三角的在街上跑，可都没人敢笑出声
stone 于 2010-4-16 13:29:41 回复
我就是穿三角的一员

如何让网页变成黑白色

石头发布于2010-4-16 12:40:53 分类: 小技巧已浏览1552次网友评论35条 我要评论

猜你也喜欢

关于网站的相关文章

最新评论及回复

文章归档

大家最关注

大家最喜欢

赞助商广告

如何让网页变成黑白色

石头 发布于2010-4-16 12:40:53 分类: 小技巧 已浏览1552次 网友评论35条 我要评论

猜你也喜欢

关于 网站 的相关文章

最新评论及回复

文章归档

大家最关注

大家最喜欢

赞助商广告

石头发布于2010-4-16 12:40:53 分类: 小技巧已浏览1552次网友评论35条我要评论

关于网站的相关文章