HTML网页编程黑白灰色

灰色的css主要采用 filter 来实现

腾讯

.garyBody {
          
   
		filter: grayscale(100%);
		-webkit-filter: grayscale(100%);
		-moz-filter: grayscale(100%);
		-ms-filter: grayscale(100%);
		-o-filter: grayscale(100%);
		-webkit-filter: grayscale(1);
	}

百度

body {
          
   
		filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
		-webkit-filter: grayscale(100%);
		-moz-filter: grayscale(100%);
		-ms-filter: grayscale(100%);
		-o-filter: grayscale(100%);
		filter: grayscale(100%);
		filter: gray;
	}

淘宝

html {
          
   
		-webkit-filter: grayscale(100%);
		-moz-filter: grayscale(100%);
		-ms-filter: grayscale(100%);
		-o-filter: grayscale(100%);
		filter: grayscale(100%);
		filter: gray;
		filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);

京东

html.o2_gray {
          
   
		/* -webkit-filter: grayscale(100%); */
		-moz-filter: grayscale(100%);
		-ms-filter: grayscale(100%);
		-o-filter: grayscale(100%);
		/* filter: grayscale(100%); */
		-webkit-filter: gray;
		filter: gray;
		-webkit-filter: progid:dximagetransform.microsoft.basicimage(grayscale=1);
		filter: progid:dximagetransform.microsoft.basicimage(grayscale=1);
	}

网易

html {
          
    
        -webkit-filter: grayscale(100%); 
        -moz-filter: grayscale(100%); 
        -ms-filter: grayscale(100%); 
        -o-filter: grayscale(100%); 
        filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);  
        _filter:none; 
    }