DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> 網站變黑白灰色的4種代碼詳細講解
網站變黑白灰色的4種代碼詳細講解
編輯:CSS詳解     

 2008.5.12四川汶川大地震,帶走了很多生命,令人惋惜,為了表示對遇難同胞的深切哀悼,國務院決定2008年5月19日至21日為全國哀悼日。在此期間,許多網站將風格改為“黑、白、灰”,以表示對遇難同胞的哀悼之情。建議全國站長動起來,為在地震中遇難的同胞哀悼。

  為了方便個人站長表示哀悼,現總結CSS實用濾鏡代碼,做些微的調整,即可將網站轉換為“黑、白、灰”風格。

方法一:

Html {
    filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); 
}

  上面的代碼可以改變網頁為黑白灰網絡,將代碼加到CSS最頂端就可以實現素裝。

方法二:

  若網站沒有使用CSS文件,可以在網頁/模板的Html代碼<head>和</head> 之間插入:

<style type=”text/CSS”>
Html{
    filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}
</style>

  有一些站長的網站可能使用這個CSS 不能生效,是因為網站沒有使用最新的網頁標准協議。將網頁最頭部的<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動畫的顏色不能被CSS濾鏡控制,可以在Flash代碼的<object …>和</object>之間插入:

    <param value=”false” name=”menu”/>
    <param value=”opaque” name=”wmode”/>

方法四:

  最簡單的把頁面變成黑白灰的代碼是在head之間:(或CSS文件中 選擇器為Html或body)

<style type=”text/CSS”>
Html {
    filter: gray;
}
</style>

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