网页黑白代码兼容IE/火狐等浏览器

文章类型:常见问题    发表2010-08-15   文章编辑:怒熊网络 · 一站式互联网+技术服务商!   阅读:470

今天是全国哀悼日,各大网站均变成黑白色调以悼念逝去的同胞。这里怒熊网【重庆网站建设】讲下网页变灰白的解决办法。

如果只是IE浏览器,可直接用滤镜进行,只要在CSS中加行网页黑白代码即可:

html { filter:progid:DXImageTranorm.Microsoft.BasicImage(grayscale=1); }
或者:*{filter:gray; color:gray;}
如果没有CSS文件,可直接使用:<style>html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);} </style>
动画图片变灰白,可在FLASH代码的<object …>和</object>之间插入:<param Value='false' name='menu'/> <param Value='opaque' name='wmode'/>即可。

注意:以上只针对IE浏览器,并且网页使用标准协议,即网页头为:<!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'> 形式。

下面讲下兼容IE/火狐/Chrome等浏览器的网页灰白/黑白代码:
<script type='text/Javascript' src='http://www.studstu.com/grayscale.js'></script>
<script type='text/Javascript'>
window.onload=function(){  //网页变黑白
grayscale(document.body);
}
</script>

但有个缺点:非IE浏览器下无法对背景图片和外部域名图片进行灰白过滤。(请自行将代码中的V,J换成英文状态下的字母)