前端页面置灰实现方法，整个页面置灰效果css，页面灰色样式

页面变成灰色样式，那么具体我们项目中怎么实现呢？看看下面的代码，应该大部分是可以实现的，至少我所负责的项目，移动端和pc端是实现了相应的效果，pc端对于ie10及以下的版本，是无法兼容的，如果有哪位大佬可以兼容ie10，可以吧代码分享在评论区，一起帮助大家解决问题

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