css樣式實現整個網站變成黑白效果

哀悼活動時，使用css樣式實現網站整體黑白的效果

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

如果寫上html * 會出現彈層的效果不可見，
可以去掉 html * 直接使用

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

MDN的語法解釋：
https://developer.mozilla.org/zh-CN/docs/Web/CSS/filter-function/grayscale