還記得2008.5.12四川汶川大地震嗎?帶走了很多同胞的生命,為了紀念逝者,很多網站在汶川大地震哀悼日和每年的5.12當天,都會把網站弄成變色。雖然已經過去幾年了,今天又無意想起CSS網站變灰代碼,覺得如果除了變灰色之外,也可以變紅色喜慶點的、也可以變黑色的莊重型的,下面我們來說幾種方法,主要是使用CSS濾鏡來實現。
方法一、使用filter:progid網站變灰,只需一行代碼即可實現,你可復制代碼添加到你公共CSS文件的最開始就行了:
Html {filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}
如果加入後你的網站並沒有變灰,很可能是因為你的網站沒有使用最新的網頁標准協議,需要把你網頁最頂部的<Html>標簽的內容替換為以下代碼:
<!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”>
方法二、如果你網頁上使用有Flash,則需要在Flash代碼的<object …>和</object>之間插入:
<param value=”false” name=”menu”/> <param value=”opaque” name=”wmode”/>
方法三、使用fliter濾鏡實現網站變灰,請在您的CSS文件中加入以下代碼:
Html { filter: gray; }
以上這些都是把網站統一變成灰色調,如果要變成紅色呢?同樣簡單,你只需把gray(英文是灰色的意思)改成:filter: red;或filter: black;等等顏色,很神奇吧,自己試試吧。