網頁變成黑白的~

餘二五發表於2017-11-15
網頁
為表達全國各族人民對四川汶川大地震遇難同胞的深切哀悼，國務院決定，2008年5月19日至21日為全國哀悼日。在此期間，全國和各駐外機構下半旗志 哀，停止公共娛樂活動，外交部和我國駐外使領館設立弔唁簿。5月19日14時28分起，全國人民默哀3分鐘，屆時汽車、火車、艦船鳴笛，防空警報鳴響。
 
各大網站為了表達哀思，紛紛將首頁變為黑白色。朋友們詢問如何快速達到這種效果，現將我瞭解到的幾種方法與大家共享：
 


最簡潔的把頁面變成灰色的程式碼是在head 之間加
<style type=”text/css”>
html {
    FILTER: gray
}
</style>
 
 


以下為全站CSS程式碼。：
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” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
請將網頁最頭部的<html>替換為以上程式碼。
 


有一些網站FLASH動畫的顏色不能被CSS濾鏡控制，可以在FLASH程式碼的<object …>和</object>之間插入：
<param value=”false” name=”menu”/>
<param value=”opaque” name=”wmode”/>
本文轉自 fsjoy1983 51CTO部落格，原文連結：http://blog.51cto.com/fsjoy/77914，如需轉載請自行聯絡原作者


相關文章