如何让网站变成黑白

为哀悼5.12汶川地震一周年,很多网友纷纷把自己的头像、博客的界面换成黑白的,在这里Epile向大家解密让网页变成黑白的方法。

方法一

  • 优点:只需要在站点中加入一句代码,即可以实现在IE浏览器下全站黑白;
  • 缺点:在其他浏览器下无效;

在网站的CSS代码添加

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

或在页面Head里添加
<style type=”text/css”>
html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}
</style>

方法二

  • 优点:可以适合所有浏览器;
  • 缺点:工作量大,无法使图片显示为黑白;

修改网站的CSS代码,把所有彩色的色值修改成灰度。

方法三

  • 优点:支持站内图片显示为黑白;
  • 缺点:需要消耗服务器性能,需要PHP+URLRewrite支持,无法支持站外图片;

使用URLRewrite把所有访问图片的请求重定向到PHP文件,由PHP文件实时进行黑白处理,再输出给用户。

请参考 用PHP完成从彩色到黑白图片的转换

您可能还对以下内容感兴趣

  • 无相关文章

目前有6条评论 Add your own

  1. Jutoy 说道:

    发现那个CSS滤镜会导致载入页面速度变慢………
    我直接把images下的图片灰度批处理了。

  2. slyar 说道:

    好吧,我不处理我的博客,麻烦。。。

    我是懒人。。。

  3. taotao 说道:

    好吧
    我承认。我很懒。
    但我支持这种做法。
    汶川加油。

  4. 粥小卜 说道:

    我觉得我的变灰色很伤眼睛 就弄回来了

我有话说..