全國(guó)哀悼日網(wǎng)站頁(yè)面變成灰色的filter方法
為方便站點(diǎn)哀悼,特提供css濾鏡代碼,以表哀悼。以下為全站CSS代碼。
直接在*.css文件最前面加入
body{ filter:Gray; } 或者 html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
均可
其他HTML頁(yè)面
html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
如果是純HTM頁(yè)面的可以加在header.htm的Body中間
<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):
<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è)頁(yè)面,包括Flash播放器中的視頻就都變灰色了。
以下為補(bǔ)充
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> 之間插入:
<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é)議
<!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è)面變形。)
有一些網(wǎng)站FLASH動(dòng)畫(huà)的顏色不能被CSS濾鏡控制,可以在FLASH代碼的<object …>和</object>之間插入:
<param value="false" name="menu"/>
<param value="opaque" name="wmode"/>
最簡(jiǎn)單的把頁(yè)面變成灰色的代碼是在head 之間加
<style type="text/css">
html {
FILTER: gray
}
</style>
一般的discuz論壇在 你的控制css 文件下修改
/images/header/header.css 這個(gè)文件
另在哀悼日或遇難的新聞,所有專(zhuān)題和主題 圖片上不能使用紅色標(biāo)題。
相關(guān)文章
網(wǎng)頁(yè)制作中十個(gè)最好的CSS hacks
轉(zhuǎn)自國(guó)外網(wǎng)站,本想翻譯成中文,但是細(xì)看文章實(shí)在是簡(jiǎn)單,如果看不懂這個(gè),我想也就沒(méi)必要繼續(xù)做前端了。2008-02-02不通過(guò)JavaScript實(shí)現(xiàn)的自動(dòng)滾動(dòng)視差效果
這篇文章介紹了一種通過(guò)CSS3實(shí)現(xiàn)的視差(Parallax)效果,這個(gè)效果通過(guò)在一個(gè)元素上疊加多個(gè)背景圖片,并使用-webkit- transition-屬性來(lái)實(shí)現(xiàn)。2009-04-04告別AJAX實(shí)現(xiàn)無(wú)刷新提交表單
通常對(duì)于無(wú)刷新提交表單,我們都是運(yùn)用ajax實(shí)現(xiàn)的。前段時(shí)間了解到另一種無(wú)刷新提交表單的方法?,F(xiàn)在整理出來(lái)分享給大家。2014-05-05特牛的FF/IE6/IE7專(zhuān)用CSS HACK
2008-01-01用滑動(dòng)門(mén)技術(shù)設(shè)計(jì)按鈕的圖文教程
用滑動(dòng)門(mén)技術(shù)設(shè)計(jì)按鈕的圖文教程...2007-07-07無(wú)限級(jí)CSS樹(shù)形菜單 Ver2.0
兩年前曾寫(xiě)了棵CSS無(wú)限級(jí)樹(shù)形菜單: 那時(shí)寫(xiě)的樹(shù)存在一個(gè)致命弱點(diǎn):數(shù)據(jù)量比較大時(shí),很容易導(dǎo)致瀏覽器卡死. 這兩天重寫(xiě)了一下代碼,除了在CSS的寫(xiě)法上與前一次基本一樣外,javascript代碼部分可以說(shuō)是脫胎換骨了,哈哈.2008-05-05