網頁黑白代碼兼容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換成英文狀態(tài)下的字母)