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

下面這些CSS代碼能夠把網站的網頁變爲黑白,只需將代碼加到CSS文件或網頁最頂端就能夠實現素裝。建議全國站長動起來。爲遇難的同胞哀悼。css

如何將網站變成灰色調呢,網站變灰色方法是什麼?有哪些?爲了方便你們查看,特整理下出個網站變灰色/黑白色代碼方法的大集合以供你們參考與使用,爲了方便站點哀悼,提供下面的css濾鏡代碼,以表哀悼。如下爲全站CSS代碼。html

方法一:推薦用這個,瀏覽器兼容較好,只需把代碼放到CSS文件最上面便可。web

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> 之間插入:ide

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

有一些站長的網站可能使用這個css 不能生效,是由於網站沒有使用最新的網頁標準協議:svg

<!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 之間加url

<style type="text/css">
html { FILTER: gray }
</style>

通常的discuz論壇在 你的控制css 文件下修改/images/header/header.css 這個文件code

html {FILTER: gray;-webkit-filter: grayscale(100%);}
.slides .mask { filter: none; opacity: none; }
相關文章
相關標籤/搜索