栏目头部广告

网页变灰色CSS代码,网站变灰的方法,兼容火狐,360,chrome等浏览器

网站变灰的方法大全(兼容ie,火狐,360,chrome),每逢全国哀悼日,不少网站首页已经变成了灰色表示哀悼。下面整理了几种让网页变灰色的CSS代码,供各位客户参考!

pexels-christina-morillo-1181244.jpg

方法1:通用方法 支持IE和Chrome

html{    -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */    filter: grayscale(100%);    }

方法2:支持IE

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

说明:此方法支持IE,不支持Firefox和Chrome等非IE内核浏览器。

方法3:支持IE

body {filter:gray}说明:此方法支持IE,不支持Firefox和Chrome等非IE内核浏览器。

提示:虽然这个方法代码量最小,但是效果却不好,而且网页也比较卡。

方法4:同时支持IE和Chrome

html {overflow-y:scroll;filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(100%);}

说明:此方法支持IE浏览器、Safari和Chrome等浏览器,但是不支持Firefox浏览器。

以上方法均可达到使网站变灰色的效果。



【声明:5分钟网销私房课部分图片和内容转载自网络;5分钟网销私房课的原创文章,请转载时务必注明文章作者和"来源:5分钟网销私房课",不尊重原创的行为将受到5分钟网销私房课的追责。5分钟网销私房课提倡读者朋友良性监督,如果您对本站内容存在疑问,请第一时间添加微信:mvp1611或者发送邮件到meikait@qq.com,我们将会在第一时间处理。以上规定自2021年4月1日起执行,本规则最终解释权归5分钟网销私房课所有。】


本文热门标签: SEO测试
文章详情页广告

随便看看

网络营销学习