body{ filter:Gray; }
或者
html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
均可
其他HTML頁面
html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
如果是純HTM頁面的可以加在header.htm的Body中間
代碼如下:
<style>html{filter:progidXImageTransform.Microsoft.BasicImage(grayscale=1);}</style>
3、如果某些帶有Flash的頁面仍顯示彩色，或瀏覽器上下捲軸拖動時Flash FLV播放器變花（例如劍網3、劍俠世界官網分流頁），將Flash改為JS輸出（本例為SWFObject）：
代碼如下:
<script type="text/javascript" src="/js/swf.js"></script><div id="video_content"></div><script type="text/javascript"><!--var video_player_so = new SWFObject("video-542.swf", "sotester", "439", "246", "7");video_player_so.addParam("wmode", "opaque");video_player_so.addParam("allowfullscreen","true");video_player_so.addParam("allowscriptaccess","always");video_player_so.write("video_content");//--></script>
這樣，整個頁面，包括Flash播放器中的視頻就都變灰色了。
以下為補充
代碼如下:
html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
使用方法：這段代碼可以變網頁為黑白，將代碼加到CSS最頂端就可以實現素裝。建議全國站長動起來。為在地震中遇難的同胞哀悼。
如果網站沒有使用CSS，可以在網頁/模板的HTML代碼<head>和</head> 之間插入：
代碼如下:
<style>html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}</style>
（經測試新瀏覽器可以支援的。）
有一些站長的網站可能使用這個css 不能生效，是因為網站沒有使用最新的網頁標準協議
代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " <html xmlns="http://www.w3.org/1999/xhtml">
請將網頁最頭部的<html>替換為以上代碼。(這個方法不建議使用，可能導致頁面變形。)
有一些網站FLASH動畫的顏色不能被CSS濾鏡控制，可以在FLASH代碼的<object …>和</object>之間插入：
代碼如下:
<param value="false" name="menu"/><param value="opaque" name="wmode"/>
最簡單的把頁面變成灰色的代碼是在head 之間加
代碼如下:
<style type="text/css"> html {FILTER: gray}</style>
一般的discuz論壇在 你的控制css 檔案下修改
/images/header/header.css 這個檔案
另在哀悼日或遇難的新聞，所有專題和主題 圖片上不能使用紅色標題。
以上就是全國哀悼日網站頁面變成灰色的filter方法_經驗交流的內容，更多相關內容請關注topic.alibabacloud.com（www.php.cn）！
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
