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

pjzz6666

浏览: 109199 次
性别:
来自: 北京

最近访客更多访客>>

afei101

lesliehanhan

cning_cn

muerzi

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

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

博客分类：

java_技术

CSS Flash 互联网 IE 浏览器

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

下面就是将网页变灰的代码，其实很简单，就是一个简单的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;">

分享到：

sql总结 | spring 和 struts的整合

2010-04-21 10:59
浏览 1234
评论(0)
分类:编程语言
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

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

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

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

评论

发表评论

相关推荐

jsp 九大内置对象

JSP 四个作用域

eclipse如何自动提示?

BigDecimal运算

java压缩文件/文件夹的方法

用java读取一个文件夹下面的文件

poi读取word中的表格

Message Resources配置详解

javascript 中的闭包的原理

myeclipse7 0怎样安装aptana插件

java.util.Calendar的用法

spring 和 struts的整合

最近访客更多访客>>