網頁黑白代碼兼容IE/火狐等瀏覽器

發(fā)布日期：[2010/8/15] 編輯：奇億廣州網站建設

今天是全國哀悼日，各大網站均變成黑白色調以悼念逝去的同胞。這里講下網頁變灰白的解決辦法。

如果只是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 Ｖalue="false" name="menu"/> <param Ｖalue="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/Ｊavascript" src="http://www.studstu.com/grayscale.js"></script>
<script type="text/Ｊavascript">
window.onload=function(){ //網頁變黑白
grayscale(document.body);
}
</script>

但有個缺點：非IE瀏覽器下無法對背景圖片和外部域名圖片進行灰白過濾。（請自行將代碼中的Ｖ，Ｊ換成英文狀態(tài)下的字母）