網站變灰的方法比較多(duō)，根據自己的網站結構，調用(yòng)模式不同，實現的方法也不完全相同。但原理(lǐ)上基本都差不多(duō)，基本上都是通過CSS樣式表進行控制。
如果是某個頁(yè)面變灰，就把變灰的CSS代碼放在當前頁(yè)面，也可(kě)以放在統一的CSS文(wén)件内進行調用(yòng)。
CSS代碼如下，直接放到你的*.CSS文(wén)件裏即可(kě):
html.grey img{
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
}
html.grey { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); filter: gray;-webkit-filter: grayscale(1);}
然後在變灰的頁(yè)面進行調用(yòng)
<html class="grey">
如果CSS代碼放在變灰的頁(yè)面裏，則需要粘貼到 <head></head> 之間
具(jù)體(tǐ)如下：
<head>
...這裏是你其他(tā)的代碼
<style type="text/css">
/*站點變灰*/
html.grey img{
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
}
html.grey { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); filter: gray;-webkit-filter: grayscale(1);}
</style>
</head>
企業QQ：5781800
客服熱線(xiàn)：0371-22662228
售後服務(wù)：0371-22662228
客服郵箱：kefu@zhiw.cn
版權所有(yǒu) © Copyright © 2012-2024 www.zhiw.cn All Rights Reserved . 備案号：京ICP證000000号
本站關鍵詞：智網科(kē)技(jì ),開封智網,開封網站建設,開封政府網站建設,開封網絡推廣,開封VR全景制作(zuò),開封微信營銷,開封小(xiǎo)程序開發,開封400電(diàn)話辦(bàn)理(lǐ),開封服務(wù)器托管,開封電(diàn)商(shāng)外包,開封網絡安(ān)全維護