網站哀悼變灰代碼集合 兼容所有瀏覽器的CSS變暗代碼

2020-11-02    分類: 網站建設

下面這些CSS代碼可以把網站的網頁變?yōu)楹诎祝恍鑼⒋a加到CSS文件或網頁最頂端就可以實現素裝。建議全國站長動起來。為遇難的同胞哀悼。
如何將網站變成灰色調呢,網站變灰色方法是什么?有哪些?為了方便大家查看,特整理下出個網站變灰色/黑白色代碼方法的大集合以供大家參考與使用,為了方便站點哀悼,提供下面的css濾鏡代碼,以表哀悼。以下為全站CSS代碼。
方法一:推薦用這個,瀏覽器兼容較好,只需把代碼放到CSS文件最上面即可。
html {
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: url(desaturate.svg#grayscale);
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter: grayscale(1);
}
方法二:
html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
使用方法:如果網站沒有使用CSS,可以在網頁/模板的HTML代碼<head>和</head> 之間插入:
<style>
html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}
</style>
有一些站長的網站可能使用這個css 不能生效,是因為網站沒有使用最新的網頁標準協(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">
請將網頁最頭部的<html>替換為以上代碼。
有一些網站FLASH動畫的顏色不能被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 這個文件
html {FILTER: gray;-webkit-filter: grayscale(100%);}
.slides .mask { filter: none; opacity: none; }

當前文章:網站哀悼變灰代碼集合 兼容所有瀏覽器的CSS變暗代碼
標題路徑:http://www.bm7419.com/news36/88336.html

成都網站建設公司_創(chuàng)新互聯(lián),為您提供品牌網站制作、網站收錄、網站設計公司云服務器、動態(tài)網站網站營銷

廣告

聲明:本網站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)

成都網站建設公司