现在的位置: 首页 > 综合 > 正文

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

2012年02月29日 ⁄ 综合 ⁄ 共 931字 ⁄ 字号 评论关闭

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

如果用传统的方法将网站变成黑白色非常的麻烦,需要更换页面的文件,并且要对图片进行更改。如果你的网站是用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"/>
上面的方法来自网络搜集整理 原文链接

抱歉!评论已关闭.