全國哀悼日網(wǎng)站頁面變成灰色的filter方法
為方便站點(diǎn)哀悼,特提供css濾鏡代碼,以表哀悼。以下為全站CSS代碼。
直接在*.css文件最前面加入
body{ filter:Gray; } 或者 html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
均可
其他HTML頁面
html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
如果是純HTM頁面的可以加在header.htm的Body中間
<style>
html{filter:progidXImageTransform.Microsoft.BasicImage(grayscale=1);}
</style>
3、如果某些帶有Flash的頁面仍顯示彩色,或?yàn)g覽器上下滾動(dòng)條拖動(dòng)時(shí)Flash FLV播放器變花(例如劍網(wǎng)3、劍俠世界官網(wǎng)分流頁),將Flash改為JS輸出(本例為SWFObject):
<script type="text/javascript" src="/js/swf.js"></script>
<div id="video_content"></div>
<script type="text/javascript">
<!--
var video_player_so = new SWFObject("video-542.swf", "sotester", "439", "246", "7");
video_player_so.addParam("wmode", "opaque");
video_player_so.addParam("allowfullscreen","true");
video_player_so.addParam("allowscriptaccess","always");
video_player_so.write("video_content");
//-->
</script>
這樣,整個(gè)頁面,包括Flash播放器中的視頻就都變灰色了。
以下為補(bǔ)充
html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
使用方法:這段代碼可以變網(wǎng)頁為黑白,將代碼加到CSS最頂端就可以實(shí)現(xiàn)素裝。建議全國站長動(dòng)起來。為在地震中遇難的同胞哀悼。
如果網(wǎng)站沒有使用CSS,可以在網(wǎng)頁/模板的HTML代碼<head>和</head> 之間插入:
<style>
html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}
</style>
(經(jīng)測試新瀏覽器可以支持的。)
有一些站長的網(wǎng)站可能使用這個(gè)css 不能生效,是因?yàn)榫W(wǎng)站沒有使用最新的網(wǎng)頁標(biāo)準(zhǔn)協(xié)議
<!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)頁最頭部的<html>替換為以上代碼。(這個(gè)方法不建議使用,可能導(dǎo)致頁面變形。)
有一些網(wǎng)站FLASH動(dòng)畫的顏色不能被CSS濾鏡控制,可以在FLASH代碼的<object …>和</object>之間插入:
<param value="false" name="menu"/>
<param value="opaque" name="wmode"/>
最簡單的把頁面變成灰色的代碼是在head 之間加
<style type="text/css">
html {
FILTER: gray
}
</style>
一般的discuz論壇在 你的控制css 文件下修改
/images/header/header.css 這個(gè)文件
另在哀悼日或遇難的新聞,所有專題和主題 圖片上不能使用紅色標(biāo)題。
相關(guān)文章
不通過JavaScript實(shí)現(xiàn)的自動(dòng)滾動(dòng)視差效果
這篇文章介紹了一種通過CSS3實(shí)現(xiàn)的視差(Parallax)效果,這個(gè)效果通過在一個(gè)元素上疊加多個(gè)背景圖片,并使用-webkit- transition-屬性來實(shí)現(xiàn)。2009-04-04
用滑動(dòng)門技術(shù)設(shè)計(jì)按鈕的圖文教程
用滑動(dòng)門技術(shù)設(shè)計(jì)按鈕的圖文教程...2007-07-07

