网页去色的方法

今天是国家哀悼日,很多门户网站博客社区都已经将网页改成灰色以志哀,甚是壮观。

下面是流传较广的通过CSS滤镜给网页去色的代码
html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
将这段代码复制到CSS里就可以了
对没有使用CSS的网站,可以在<html>与</html>间加入
<style>
html{filter:progidXImageTransform.Microsoft.BasicImage(grayscale=1);}
</style>

其实,用filter: gray;就可以实现,不过据说filter:progidXImageTransform.Microsoft.BasicImage(grayscale=1);运行起来更有效率,总之都会让网页变卡

如果上述代码在IE下没有效果,八成是网页协议的问题,请将<html>和<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">

如果你的网页写得不标准,添加最新协议后出现排版错误,那你可以试试将
html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
替换为
html,body,p,div,form { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
如果你的网页有调用,替换后调用框背景变白,那可以试试去掉html,body,p,div,form中的div,

如果还没有效果。。。请确认您使用的是IE内核浏览器,CSS滤镜只在IE内核下有效,早上我傻了吧唧的加上代码看着没效果就撤了,下午才反应过来我用的是Opera……

文章发表于 08年5月19日(星期一) 17:46:42
分类: 网站&开发 标签: , ,
评论RSS

2 只评论

  1. 尊姓大名(选填) 在 09年10月28日 10:23 说:

    这个方法对FF浏览器没有作用

    回复

    長生天 回复于 09年10月29日 17:38

    CSS滤镜只在IE内核下有效

发表评论