css 一招实现全站黑白

下面三种方式任选一种都可以，只需要放入html的head标签中即可实现。

方式一：

<style type="text/css">html{     filter:progid:DXImageTransForm.Microsoft.BasicImage(grayscale=1);-webkit-filter:saturate(0)}</style>

 

方式二：

<style>body>*{    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>

方式三：​​​​​​​

<style> 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;  } </style>