一键网页变灰

Time:2021/05/25 20:10:28   Click:

未标题-1.png


在很多时候,如重大的一些事故,灾难,又比如汶川地震,武汉疫情的时候,网站需要变灰,那如何处理呢?看好了,只有如下加一个style即可。

<style type="text/css">
html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); FILTER: gray}
body{-webkit-filter: grayscale(100%);filter: grayscale(100%);}
</style>


或者更要简单的方法,兼容生可能不太理想:

-webkit-filter: grayscale(100%);


也可以将以上代码放在一些css文件中,这样只经引入了此文件的页面都可以变为灰色,效果更好。

本文由四川尚狐网络独家撰写,严禁转载。
TOP

四川尚狐网络@2012 版权所有
蜀ICP备12016524号-2

立即咨询
成都网站建设,成都做网站,四川尚狐网络
40f13d50b73e104f832ed1b719ae6935