黑白網頁CSS

<!--將以下這段css加在html的表頭部分，可將全網頁變成灰階呈現-->
  <style type="text/css">
   html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
   html { FILTER: gray }
   body {filter:Gray;}
   img{filter:Gray;}
  </style>


或

body *{filter:gray;}
html{ 
  filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); 
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%); 
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
}
img {
  _filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=0); 
  -webkit-filter: grayscale(100%); 
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
}

 


參考網站：
http://blog.yam.com/daidai0220/article/74866814

http://ahuiliao.pixnet.net/blog/post/28575474-%E7%B6%B2%E7%AB%99%E9%BB%91%E7%99%BD%E5%8C%96-css-%E8%AA%9E%E6%B3%95