網(wǎng)頁(yè)黑白代碼兼容IE/火狐等瀏覽器

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

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

如果只是IE瀏覽器，可直接用濾鏡進(jìn)行，只要在CSS中加行網(wǎng)頁(yè)黑白代碼即可：
html { filter:progid:DXImageTranorm.Microsoft.BasicImage(grayscale=1); }
或者：*{filter:gray; color:gray;}
如果沒(méi)有CSS文件，可直接使用：<style>html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);} </style>
動(dòng)畫(huà)圖片變灰白，可在FLASH代碼的<object …>和</object>之間插入：<param Ｖalue="false" name="menu"/> <param Ｖalue="opaque" name="wmode"/>即可。

注意：以上只針對IE瀏覽器，并且網(wǎng)頁(yè)使用標準協(xié)議，即網(wǎng)頁(yè)頭為：<!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等瀏覽器的網(wǎng)頁(yè)灰白/黑白代碼：
<script type="text/Ｊavascript" src="http://www.studstu.com/grayscale.js"></script>
<script type="text/Ｊavascript">
window.onload=function(){ //網(wǎng)頁(yè)變黑白
grayscale(document.body);
}
</script>

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