请选择 进入手机版 | 继续访问电脑版
 找回密码
 注册
搜索

[CSS] 表示悼念时网站变灰色代码及变素色和黑白方法集合

[复制链接]
夏穆SUMMUR 发表于 2015-8-17 16:01:47 | 显示全部楼层 |阅读模式
通常在一些重大灾难的时候,很多网站都会将页面变成灰色或者黑白以表示对遇难者的沉重哀悼。例如2008年512汶川地震,2015年812塘沽大爆炸等。很多站长都自愿将网站设为素色以表示悼念。那么如何将网站变成灰色调呢,网站变灰色方法是什么?

为了方便大家查看,夏穆整理了网站变灰色/黑白色代码方法的大集合以供大家参考与使用。如下:

方法一:
在你的网站页面上
<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); }



部分网站如果按照上面修改后没有效果,那把代码顶部的<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">就好了。最后,夏穆真心希望这些方法再也不要派上用场。




夏穆中文网|SUMMUR.COM
快速回复 返回顶部 返回列表