将自己的页面变灰 4.14青海玉树地震

为了表示对玉树地震中受灾人群的哀悼……在今天的哀悼日里,互联网也通过其独有的方式表达最沉痛到悼念……各大网站都已经将自己的主页甚至全部页面进行了灰度处理,整个页面都只有灰白色。

下面就是将网页变灰的代码,其实很简单,就是一个简单的css的应用---滤境(filter),但是大家也都知道,滤镜目前就只在IE才支持,这不能不算是一种遗憾!我的网站就明显用了两个简单的滤镜设置文字的发光效果。但滤镜用的多,网页就会很卡,CPU占有率相当的大,也许这也是其它浏览器一直没支持滤镜的原因之一吧!

好了,代码如下:

【法一】
CSS Code:

   1.     body {
   2.     filter:gray;
   3.     color:gray;
   4.     }



注意:

body还可以改为 html等。这种方法可以使图片文字都变灰,同时也支持火狐的部分文字变灰(color属性的作用),网上用的最多的就是这种方法了。

但有些单独设置了背景色的地方可能不会变灰,这时可将body改为*,即所有标签都设置了滤镜,这是灰度效果最好的一种方法,包括主要背景色等都一起变黑,但这会给浏览器带来巨大的负担,CPU占用率老高了,卡的很,虽然效果好,但笔者并不推荐使用。

如果这种方法没用,请将filter属性设置如下:

【法二】
CSS Code:

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





有些flash的单独设置

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

XML/HTML代码
Code:

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





CSS 的使用

在这里顺便给不会用css的说下具体插入代码的方法

以 body { filter:gray; color:gray; } 为例,设置html 方法一样。

一:直接将该代码放入已有的CSS文件中。

二:在<head>标签对中插入以下代码:

<style type="text/css">

body { filter:gray; color:gray; }

</style>

三:直接插在html标签中。

如在对body标签设置如下:

<body style="filter:gray; color:gray;">

你可能感兴趣的:(互联网,浏览器,css,IE,Flash)