滤镜中-黑白

结构：

<div class="pic">
   <img src="meinv.jpg">
</div>

样式：

*{ padding:0; margin:0;}
html,body{ height:100%;}
.pic
{ 
display: flex;  
align-items: center;  
justify-content: center;
height:100%;
 }
.pic img{
 display:block;
 margin:0 auto;
-webkit-filter: grayscale(100%); /* webkit */ 
-moz-filter: grayscale(100%); /*firefox*/ 
-ms-filter: grayscale(100%); /*ie9*/ 
-o-filter: grayscale(100%); /*opera*/ 
filter: grayscale(100%); 
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); 
filter:gray; /*ie9- */ 

} 

运行：