css濾鏡實現(xiàn)頁面灰色黑白色效果代碼
更新時間:2008年05月19日 20:28:57 作者:
為方便站點哀悼,特提供素裝代碼,以表哀悼。以下為全站CSS代碼。
淘寶的代碼
html {
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter: grayscale(1);
}
CSS3 greyscale 濾鏡實現(xiàn)
如下測試代碼:
.gray {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
}
html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
使用方法:這段代碼可以變網(wǎng)頁為黑白,將代碼加到CSS最頂端就可以實現(xiàn)素裝。建議全國站長動起來。為在地震中遇難的同胞哀悼。
如果網(wǎng)站沒有使用CSS,可以在網(wǎng)頁/模板的HTML代碼<head>和</head> 之間插入:
<style>
html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}
</style>
有一些站長的網(wǎng)站可能使用這個css 不能生效,是因為網(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">
請將網(wǎng)頁最頭部的<html>替換為以上代碼。
有一些網(wǎng)站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 這個文件
復(fù)制代碼 代碼如下:
html {
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter: grayscale(1);
}
CSS3 greyscale 濾鏡實現(xiàn)
如下測試代碼:
復(fù)制代碼 代碼如下:
.gray {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
}
html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
使用方法:這段代碼可以變網(wǎng)頁為黑白,將代碼加到CSS最頂端就可以實現(xiàn)素裝。建議全國站長動起來。為在地震中遇難的同胞哀悼。
如果網(wǎng)站沒有使用CSS,可以在網(wǎng)頁/模板的HTML代碼<head>和</head> 之間插入:
<style>
html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}
</style>
有一些站長的網(wǎng)站可能使用這個css 不能生效,是因為網(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">
請將網(wǎng)頁最頭部的<html>替換為以上代碼。
有一些網(wǎng)站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 這個文件
相關(guān)文章
CSS 浮動清理,不使用 clear:both標(biāo)簽
CSS:浮動清理,不使用 clear:both標(biāo)簽 在進行浮動布局時,大多數(shù)人都深知,在必要的地方進行浮動清理:<div style="clear:both;"></div>。2008-07-07Zen Coding 快速編寫HTML/CSS代碼的實現(xiàn)
在本文中我們將展示一種新的使用仿CSS選擇器的語法來快速開發(fā)HTML和CSS的方法。它由Sergey Chikuyonok開發(fā)。2011-01-01div+css在思路和流程上實現(xiàn)結(jié)構(gòu)與表現(xiàn)的分離分析
內(nèi)容與表現(xiàn)分離,從標(biāo)準(zhǔn)到國人重視那天起,就已經(jīng)討論了,但是停留在div+css xhtml+css 純代碼的分離,思想上流程上,到底如何分離?2008-08-08