网页黑白代码兼容IE/火狐等浏览器
今天是全国哀悼日,各大网站均变成黑白色调以悼念逝去的同胞。这里讲下网页变灰白的解决办法。
如果只是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换成英文状态下的字母)