当需要将网站变灰色来表达平台的哀悼时，如今主流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及以上
如果确定要兼容IE9及以上，
可以使用下方代码，
效果如QQ腾讯网这样，
可以用一个灰色层模拟一下。
<div style="position:fixed;
z-index:999;
width:100vw;
height:100vh;
left:-100vw;
outline: 101vw solid rgba(100,100,100,.7);"></div>
本文于2022年11月30日更新
收藏 7
点赞 23
复制本文链接 文章为作者独立观点不代表优设网立场，未经允许不得转载。
Roc
874.8w人气 579文章
发评论！每天赢奖品
点击 登录 后，在评论区留言，系统会随机派送奖品
2012年成立至今，是国内备受欢迎的设计师平台，提供奖品赞助 联系我们
优设私房课无门槛优惠券
已累计诞生 515 位幸运星
发表评论 已发布5条
↓ 下方为您推荐了一些精彩有趣的文章热评 ↓