網站變黑白灰色的4種代碼詳細講解

來源:互聯網
上載者:User
  2008.5.12四川汶川大地震,帶走了很多生命,令人惋惜,為了表示對遇難同胞的深切哀悼,國務院決定2008年5月19日至21日為全國哀悼日。在此期間,許多網站將風格改為“黑、白、灰”,以表示對遇難同胞的哀悼之情。建議全國站長動起來,為在地震中遇難的同胞哀悼
  2008.5.12四川汶川大地震,帶走了很多生命,令人惋惜,為了表示對遇難同胞的深切哀悼,國務院決定2008年5月19日至21日為全國哀悼日。在此期間,許多網站將風格改為“黑、白、灰”,以表示對遇難同胞的哀悼之情。建議全國站長動起來,為在地震中遇難的同胞哀悼。
   相關文章: 網站變黑白色CSS一行代碼實現
  為了方便個人站長表示哀悼,現總結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>
相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.