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

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

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

转载于:https://www.cnblogs.com/longgel/archive/2010/04/24/1719174.html

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值