为哀悼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文件实时进行黑白处理,再输出给用户。
发现那个CSS滤镜会导致载入页面速度变慢………
我直接把images下的图片灰度批处理了。
我也处理了~
好吧,我不处理我的博客,麻烦。。。
我是懒人。。。
= = 又宅又懒了
好吧
我承认。我很懒。
但我支持这种做法。
汶川加油。
我觉得我的变灰色很伤眼睛 就弄回来了