網站變為黑白的CSS代碼——哀悼玉樹地震中遇難同胞

來源:互聯網
上載者:User
注意:原文為四川汶川地震時發表,為與時間同步,轉載時改成了玉樹地震。 2008-05-19 13:41:24 標籤:網站 CSS web開發 地震 黑白   [{
function onclick()
{
function onclick()
{
function onclick()
{
dfanologin();return false;
}
}
}
}" href="#">推送到技術圈]

著作權聲明:原創作品,允許轉載,轉載時請務必以超連結形式標明文章 原始出處 、作者資訊和本聲明。否則將追究法律責任。http://xiaofw.blog.51cto.com/50361/77761
為表達全國各族人民對玉樹地震遇難同胞的深切哀悼,國務院決定,2010年4月21日為全國哀悼日。在此期間,全國和各駐外機構下半旗志 哀,停止公用娛樂活動。 各大網站為了表達哀思,紛紛將首頁變為黑白色。朋友們詢問如何快速達到這種效果,現將我瞭解到的幾種方法與大家共用: 

最簡潔的把頁面變成灰色的代碼是在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"/>

 

本文出自 “社區大管家小廢物” 部落格,請務必保留此出處http://xiaofw.blog.51cto.com/50361/77761

第一種方法:如果是用下面的方式調用FLASH,則在代碼中加入“wmode="opaque"”,例如:
<embed src="http://www.codepub.com/flash/flash/20085777173407.swf" width="600" height="150" type="application/x-shockwave-flash" quality="high" wmode="opaque">

第二種方法:如果是用下面的方式調用FLASH,則在代碼中加入“<param name="wmode" value="opaque">”,例如:

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://active.macromedia.com/flash2/cabs/swflash.cab#version=4,0,0,0" name="flashmtv" id="flashmtv" width="100%" height="350">
<param name="movie" value="http://music.codepub.com/flashmtv/duandian.swf">
<param name="quality" value="high">
<param name="wmode" value="opaque">
<embed src="http://www.codepub.com/flash/flash/20085777173407.swf" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" quality="high" name="flashmtv" id="flashmtv" width="100%" height="350">
</embed>
</object>
相關文章

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.