一行代码实现网页变灰效果

第一种：修改CSS文件，添加以下代码

1. html{
   
2.     -webkit-filter: grayscale(100%); /* webkit */
   
3.     -moz-filter: grayscale(100%); /*firefox*/
   
4.     -ms-filter: grayscale(100%); /*ie9*/
   
5.     -o-filter: grayscale(100%); /*opera*/
   
6.     filter: grayscale(100%);
   
7.     filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
   
8.     filter:gray; /*ie9- */
   
9. }

复制代码

第二种：修改网页源代码，添加以下代码

1. <style type="text/css">
   
2.   html{
   
3.     -webkit-filter: grayscale(100%); /* webkit */
   
4.     -moz-filter: grayscale(100%); /*firefox*/
   
5.     -ms-filter: grayscale(100%); /*ie9*/
   
6.     -o-filter: grayscale(100%); /*opera*/
   
7.     filter: grayscale(100%);
   
8.     filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
   
9.     filter:gray; /*ie9- */
   
10.   }
    
11. </style>

复制代码