今天又是全国XX日,很多网站都来玩变灰
记得08年的时候我的网站也变过一次

下面开始讲网站变灰方法,方法而已

1、IE滤镜法。
在CSS里面加上如下代码:

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

或者

html {FILTER: gray;}

优点:代码简单
缺点:IE ONLY,其他浏览器无效,而且IE下占用内存厉害

2、grayscale法(需jQuery)
调用grayscale.js文件,然后

<script type=”text/javascript” src=”/grayscale.js”>
<script type=”text/javascript”>
$(window).load(function () {
grayscale( $(‘body’) );
});
</script>

优点:多浏览器支持
缺点:1. 页面加载完后才对整个页面进行变灰操作;2. 在非 IE 浏览器中不支持来自其它域名的网站图片的变灰;3. 造成非 IE 浏览器在加载完页面后进行大量 js 计算,该计算负担可以通过仅变灰 img, a 等标签而不是 body 来优化。

3、高级变态法
自己重写网站大部分CSS配色,全部改成灰的。然后通过某些高级技术将全部图片和FLASH也变灰,就像网易那样。高手可以去研究一下网易的代码。我不是高手就不去浪费这个时间了。

4、自我安慰法
兼容浏览器,也保证文字和图片“变灰”。
注意,其实并不是变灰,而是放它变得透明点。
在CSS中插入如下代码,透明度自己修改

body{
opacity:0.5;
filter: alpha(opacity=50); //MS IE
}

方法我就知道这么多,讲完了,但是我的博客还是没有去变色,因为我看www.gov.cn也没变