手机版让网站变灰的CSS代码（支持IE、Firefox和Chrome）
编辑：橙子来源：网络时间：2022-12-02 阅读： 次
主流方法！网站变灰色的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>
推荐阅读
参与评论已经有 人评论
请自觉遵守互联网相关的政策法规，严禁发布色情、暴力、反动的言论。
人参与， 条评论