DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> 多種CSS網站變灰色、黑色、紅色的方法集錦
多種CSS網站變灰色、黑色、紅色的方法集錦
編輯:CSS詳解     
  • 還記得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;等等顏色,很神奇吧,自己試試吧。
     

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved