借助CSS滤镜快速将网站页面变成黑白样式

【下一篇】南昌大学——我亲爱的大学【上一篇】腾讯首款自然用户交互产品QQ概念版[视频]

作者：文夕发表于：2010年04月21日 00:01 分类：杂烩 83 浏览数

让我为你点亮一盏酥油灯

2010年4月21日全国哀悼日

在某些特殊的时刻，或为了特别的效果需要将网站页面变成黑白样式！下面和大家分享如何实现，简单的来说就是通过CSS滤镜控制。

1、将下面代码添加到CSS样式表最顶端就可以实现素装(变网页为黑白)。

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

或

*{filter:gray; color:gray;}

2、对于没有使用CSS样式表的网站，可在网页/模板的HTML代码<head>和</head>之间插入：

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

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

<paramvalue="false"name="menu"/>
<paramvalue="opaque"name="wmode"/>

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

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

提醒：以上方法只能在IE浏览器中实现。

本文固定链接: http://www.17zhidao.com/2010/04/464.html | 一起知道|发现，分享……

作者: 文夕

该日志由文夕于2010年04月21日发表在杂烩分类下，你可以发表评论，并在保留原文地址及作者的情况下引用到你的网站或博客。
原创文章转载请注明: 借助CSS滤镜快速将网站页面变成黑白样式 | 一起知道|发现，分享……
关键字: CSS, CSS滤镜, 网页变黑白

您可能还会对这些文章感兴趣！

借助CSS滤镜快速将网站页面变成黑白样式：目前有28 条留言

逅客：发表于 2010年04月22日 22:40
[回复]
好东西收藏了，只是昨天没登网站…

文夕：回复于2010年04月23日 19:39
@逅客,
笨笨：发表于 2010年04月22日 14:31
[回复]
有些天没来了，问候问候。。

文夕：回复于2010年04月22日 16:08
@笨笨, 真的很久了~

笨笨：回复于2010年04月23日 08:38
@文夕, 是啊，很抱歉哈有点小忙，哦你博客不保存信息。电子邮箱等。。

文夕：回复于2010年04月23日 19:39
@笨笨, 应该会的吧，难道需要做特别设置？
秦大少：发表于 2010年04月22日 04:13
[回复]
我都没顾得上改……
羽中：发表于 2010年04月21日 17:16
[回复]
FF下我做了CSS处理

文夕：回复于2010年04月21日 20:08
@羽中, 看到了，不错~
Net.Tink：发表于 2010年04月21日 15:19
[回复]
吱~~~~~

文夕：回复于2010年04月21日 15:37
@Net.Tink,
exia：发表于 2010年04月21日 14:42
[回复]
我就是不知道html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);} 应该放在哪个具体的位置~

文夕：回复于2010年04月21日 15:38
@exia, 修改主题里面的那个stytle.css文件，放在顶部就可以。

exia：回复于2010年04月21日 18:28
@文夕, 本来是放对的，昨天晚上第一次刷新页面的时候没反映出来~
现在好了

文夕：回复于2010年04月21日 20:06
@exia,
Firm：发表于 2010年04月21日 14:37
[回复]
在松松那边尝试了下不行

文夕：回复于2010年04月21日 15:39
@Firm, 啊，会这样……
小羿：发表于 2010年04月21日 14:08
[回复]
哀悼~~~~~~~~~

文夕：回复于2010年04月21日 15:39
@小羿, 一同
苏扬：发表于 2010年04月21日 12:43
[回复]
求非IE内核浏览器CSS滤镜！

文夕：回复于2010年04月21日 15:40
@苏扬, 这个我也不会……
panny：发表于 2010年04月21日 09:23
[回复]
吊念那些失去生命的人们……

文夕：回复于2010年04月21日 15:40
@panny,