您的位置：首页 > 运维架构 > 网站架构

为哀悼网站变灰色代码方法大集合

2010-04-24 10:42 288 查看

全国哀悼日，有很多网站界面都变成了黑白色，从而纪念那些在地震中死去的逝者。对于普通的站长来说，对于灾难并不能多做些什么，但可以做到将自己的网站也变成黑白色，从而缅怀那些逝者。

如果用传统的方法将网站变成黑白色非常的麻烦，需要更换页面的文件，并且要对图片进行更改。如果你的网站是用CSS的话，那就很简单了，只要是符合w3标准的网页，在CSS文件的最前面加上一行代码就可以了，这段代码使用的是CSS滤镜，将网页中的色彩部分过滤掉。

html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }（不换行）

加上代码之后，再次刷新网页就会发现页面已经变成黑白的了。

其它方法整理：

方法一是：

在你的网站页面上

<head></head>

之间加上下面这段代码：

<style type="text/css">

body {filter:gray}

</style>

方法二是：

在你的网站页面上

<head></head>

之间加上下面这段代码：

<style>

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

</style>

方法三是：

找到你的网站CSS文件，把下面的代码放到网站的css文件头部中(此为教育网采用的方法)

body{

filter:gray;

}

方法四是：

找到你的网站CSS文件，把下面的代码放到网站的css文件头部中

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

方法五是：

找到你的CSS文件然后修改css代码文件。在以下的文件当中

form,div,span,img,ul,ol,li, {

加入filter: Gray;

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

复制内容到剪贴板

代码:

<param ="false" name="menu"/>

<param ="opaque" name="wmode"/>

上面的方法来自网络搜集整理原文链接

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航