会员投稿
投稿指南 
RSS订阅栏目导航
热点推荐
- 3个简单却重要的CSS技巧
- css基础:熟悉了解盒子模型(box m
- CSS Hack兼容各浏览器是否正常
- 最常用的12种CSS BUG解决方法与
- [分享]我的css hack观点
- CSS实例教程:分号引起页面混乱
- CSS教程：认真学习haslayout
- CSS教程:编写CSS代码时样式命名
- 如何在CSS中设定文本的尺寸
- CSS教程:CSS定位属性
- 新窗口打开超链接的正确方法
- 轻松搞定IE的CSS制作网页技巧3则
阅览排行
全国哀悼日 将网站变成黑灰色的代码
www.jz123.cn 2009-05-12 来源: 站长管家 管家辉 我要投递新闻
国务院昨日发布公告宣布，2008年5月19日至21日为全国哀悼日。今天互联网上有很多网站都已经将网站页面改为黑灰的素色来哀悼地震中的受难者。
部落给出大家讲一下网站变成黑灰色的代码，希望有更多的站长加入这场哀悼中！
方法一（推荐方法）：
在网站的CSS样式表中加入样式“filter:gray;”，该样式请不要直接使用，因为该代码比较占用资源，推荐的使用方法如下：
DIV+CSS网站：“div{filter:gray;}”
Table网站：“table{filter:gray;}”
方法二：
在网站CSS样式表中加入如下样式代码：
html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
这段代码的实现效果和方法一一样，部落建议不要使用这段代码，因为这段代码及其耗费资源，会拖慢网站速度（本人测试后得出结论）。
方法三：
这个方法最好，而且不会占用太多资源，但是非常麻烦，那就是将自己网站的CSS全部按照黑灰色网站的样式进行调解一次，然后将网站图片也进行重新设计。
方法四：
将网页变成灰色（只限IE）
<body style="FILTER: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);">
</body>
方法五：
如果用传统的方法将网站变成黑白色非常的麻烦，需要更换页面的文件，并且要对图片进行更改。但如果自己的网站支持CSS的话，一切变得很简单。只要是符合w3标准的网页，在CSS文件的最前面加上一行代码就可以了，这段代码使用的是CSS滤镜，将网页中的色彩部分过滤掉。
html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
（不换行）
加上代码之后，再次刷新网页就会发现页面已经变成黑白的了。
方法六：
为方便站点哀悼，特提供css滤镜代码，以表哀悼。以下为全站CSS代码。
html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
使用方法：这段代码可以变网页为黑白，将代码加到CSS最顶端就可以实现素装。建议全国站长动起来。为在地震中遇难的同胞哀悼。
如果网站没有使用CSS，可以在网页/模板的HTML代码<head>和</head> 之间插入：
CSS代码
<style>
html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}
</style>
有一些站长的网站可能使用这个css 不能生效，是因为网站没有使用最新的网页标准协议
XML/HTML代码
<!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>之间插入：
XML/HTML代码
<param value="false" name="menu"/>
<param value="opaque" name="wmode"/>
最简单的把页面变成灰色的代码是在head 之间加
CSS代码
<style type="text/css">
html {
FILTER: gray;
}
</style>
使用DEDECMS代码网站朋友在您首页代码index.html 里加如上代码即可把网页变成灰色，案例 09-05-12 这一天网站情况如：www.guanjia.com 以及 www.dushiad.com 更新后即刻生效网页变成了灰色。
一般的discuz论坛在 你的控制css 文件下修改/images/header/header.css 这个文件。
论坛案例09-05-12 这一天网站情况：www.13pr.com/bbs 使用最简单的方法是：在文件路径找到header.htm；路径 /templates/default/header.htm 在head之后下一行加上
<style type="text/css">
html {
FILTER: gray;
}
</style>
就可以即刻把论坛颜色变成灰色。
另在哀悼日或遇难的新闻，所有专题和主题 图片上不能使用红色标题。
上一篇：div 实现长英文字母自动换行CSS 下一篇：连续滚动的超级链接文字网页代码