首頁 > web前端 > css教學 > 主體

全國哀悼日網站頁面變成灰色的filter方法_經驗交流

PHP中文网
發布: 2016-05-16 12:05:59
原創
2165 人瀏覽過

為方便站點哀悼,特提供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的頁面仍顯示彩色,或瀏覽器上下滾動條拖動時flash flv播放器變花(例如劍網3、劍俠世界官網分流頁) ,將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>
登入後複製

 這樣,整個頁面,包括flash播放器中的影片就都變灰了。

以下為補充

程式碼如下:

html { filter:progid:dximagetransform.microsoft.basicimage(grayscale=1); }
登入後複製
登入後複製
登入後複製

使用方法:這段程式碼可以變網頁為黑白,將程式碼加到css最頂端就可以實現素裝。建議全國站長動起來。為在地震中遇難的同胞哀悼。

如果網站沒有使用css,可以在網頁/範本的html程式碼和

之間插入:

 程式碼如下:

<style>
html{filter:progid:dximagetransform.microsoft.basicimage(grayscale=1);}
</style>
登入後複製

(經測試新瀏覽器可以支援的。)
有一些站長的網站可能使用這個css 不能生效,是因為網站沒有使用最新的網頁標準協議

 代碼如下:

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" 
" 
<html xmlns="http://www.w3.org/1999/xhtml">
登入後複製

請將網頁最頭部的替換為上述程式碼。 (這個方法不建議使用,可能導致頁面變形。)

有一些網站flash動畫的顏色不能被css濾鏡控制,可以在flash程式碼的之間插入:

程式碼如下:

<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 這個文件
另在哀悼日或遇難的新聞,所有專題和主題圖片上不能使用紅色標題。

以上就是全國哀悼日網站頁變成灰色的filter方法_經驗交流的內容,更多相關內容請關注php中文網(m.sbmmt.com)!


來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板