網(wǎng)頁(yè)變灰配合全國(guó)哀悼日的css代碼 20100421

2024-07-11 08:26:39

字體：大中小

來(lái)源：轉(zhuǎn)載

供稿：網(wǎng)友

為方便站點(diǎn)哀悼，特提供css濾鏡代碼，以表哀悼。以下為全站CSS代碼。

直接在*.css文件最前面加入

復(fù)制代碼

代碼如下:
body{ filter:Gray; } 或者 html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }

均可

其他HTML頁(yè)面

復(fù)制代碼

代碼如下:
html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }

如果是純HTM頁(yè)面的可以加在header.htm的Body中間

復(fù)制代碼

代碼如下:
<style>
html{filter:progidXImageTransform.Microsoft.BasicImage(grayscale=1);}
</style>

　　3、如果某些帶有Flash的頁(yè)面仍顯示彩色，或?yàn)g覽器上下滾動(dòng)條拖動(dòng)時(shí)Flash FLV播放器變花（例如劍網(wǎng)3、劍俠世界官網(wǎng)分流頁(yè)），將Flash改為JS輸出（本例為SWFObject）：

復(fù)制代碼

代碼如下:
<script type="text/javascript" src="/js/swf.js"></script>
<div id="video_content"></div>
<script type="text/javascript">

</script>

　　這樣，整個(gè)頁(yè)面，包括Flash播放器中的視頻就都變灰色了。

以下為補(bǔ)充

復(fù)制代碼

代碼如下:
html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }

使用方法：這段代碼可以變網(wǎng)頁(yè)為黑白，將代碼加到CSS最頂端就可以實(shí)現(xiàn)素裝。建議全國(guó)站長(zhǎng)動(dòng)起來(lái)。為在地震中遇難的同胞哀悼。

如果網(wǎng)站沒(méi)有使用CSS，可以在網(wǎng)頁(yè)/模板的HTML代碼<head>和</head> 之間插入：

復(fù)制代碼

代碼如下:
<style>
html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}
</style>

（經(jīng)測(cè)試新瀏覽器可以支持的。）
有一些站長(zhǎng)的網(wǎng)站可能使用這個(gè)css 不能生效，是因?yàn)榫W(wǎng)站沒(méi)有使用最新的網(wǎng)頁(yè)標(biāo)準(zhǔn)協(xié)議

復(fù)制代碼

代碼如下:
<!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">

請(qǐng)將網(wǎng)頁(yè)最頭部的<html>替換為以上代碼。(這個(gè)方法不建議使用，可能導(dǎo)致頁(yè)面變形。)

上一篇：CSS first-letter實(shí)現(xiàn)首字下沉

下一篇：魔哥css圓角實(shí)現(xiàn)代碼（代碼精簡(jiǎn)，完全自適應(yīng)）