添加代码实现网站整站变灰色
2010年8月19日
2 条评论
网站变成黑灰色的代码
方法一（推荐方法）：
在网站的CSS样式表中加入样式“filter:gray;”，该样式请不要直接使用，因为该代码比较占用资源，推荐的使用方法如下：
DIV+CSS网站：“div{filter:gray;}”
Table网站：“table{filter:gray;}”
方法二：
在网站CSS样式表中加入如下样式代码：
html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
这段代码的实现效果和方法一一样，部落建议不要使用这段代码，因为这段代码及其耗费资源，会拖慢网站速度（本人测试后得出结论）。
方法三：
这个方法最好，而且不会占用太多资源，但是非常麻烦，那就是将自己网站的CSS全部按照黑灰色网站的样式进行调解一次，然后将网站图片也进行重新设计。
方法四：
将网页变成灰色（只限IE）
<body style="FILTER: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);"></body>
方法五：
如果用传统的方法将网站变成黑白色非常的麻烦，需要更换页面的文件，并且要对图片进行更改。但如果自己的网站支持CSS的话，一切变得很简单。只要是符合w3标准的网页，在CSS文件的最前面加上一行代码就可以了，这段代码使用的是CSS滤镜，将网页中的色彩部分过滤掉。
html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
（不换行）
加上代码之后，再次刷新网页就会发现页面已经变成黑白的了。
方法六： 阅读全文…
分类: B2|网络应用