让网站变灰的CSS代码（支持IE、Firefox和Chrome）
时间：2024-01-20 20:45热度：823
当需要将网站变灰色来表达平台的哀悼时，如今主流CSS代码为主流方法！网站变灰色的CSS代码以上代码除了IE都支持，也是现在国内主流网站常用的方法，都对被嫌弃的IE没做特别处理了因为今年微软已经停止对IE支持更新，力推Edge浏览器，Win平台下的浏览器至此也与Chrome一致了。上方代码轻便易用，放在需要灰掉的页面即可。建议放在里。如果确定要兼容IE9及以上，可以使用下方
当需要将网站变灰色来表达平台的哀悼时，如今主流CSS代码为
主流方法！网站变灰色的CSS代码
<style>
html{
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
</style>
以上代码除了IE都支持，也是现在国内主流网站常用的方法，都对被嫌弃的IE没做特别处理了
因为今年微软已经停止对IE支持更新，力推Edge浏览器，Win平台下的浏览器至此也与Chrome一致了。上方代码轻便易用，放在需要灰掉的页面即可。建议放在<head>里。
如果确定要兼容IE9及以上，可以使用下方代码，效果如QQ腾讯网这样，可以用一个灰色层模拟一下
<div style="position:fixed; z-index:999; width:100vw; height:100vh; left:-100vw; outline: 101vw solid rgba(100,100,100,.7);"> </div>
效果如下图：
文章标题：让网站变灰的CSS代码（支持IE、Firefox和Chrome）
文章链接：https://www.trnt.cn/Web/23.html
所有文章未经授权禁止转载、摘编、复制或建立镜像，违规转载法律必究。
本站部分内容来源于网络，仅供大家学习与参考，如有侵权，请联系站长邮箱：906080088@qq.com进行处理。
