网站变灰的方法比较多，根据自己的网站结构，调用模式不同，实现的方法也不完全相同。但原理上基本都差不多，基本上都是通过CSS样式表进行控制。
如果是某个页面变灰，就把变灰的CSS代码放在当前页面，也可以放在统一的CSS文件内进行调用。
CSS代码如下，直接放到你的*.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);}
然后在变灰的页面进行调用
<html class="grey">
如果CSS代码放在变灰的页面里，则需要粘贴到 <head></head> 之间
具体如下：
<head>
...这里是你其他的代码
<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
客服热线：0371-22662228
售后服务：0371-22662228
客服邮箱：kefu@zhiw.cn
版权所有 © Copyright © 2012-2024 www.zhiw.cn All Rights Reserved . 备案号：豫ICP备12008902号-1
本站关键词：智网科技,开封智网,开封网站建设,开封政府网站建设,开封网络推广,开封VR全景制作,开封微信营销,开封小程序开发,开封400电话办理,开封服务器托管,开封电商外包,开封网络安全维护