如何实现网站变为黑白色

如何实现网站变为黑白色

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

如果上面样式不能满足，可以考虑下面的实现，兼容更多浏览器

<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>