全网页变灰

css中

	.grayWeb {
    
    
	  -webkit-filter: grayscale(100%); /**webkit */
	  -moz-filter: grayscale(100%); /**firefox */
	  -ms-filter: grayscale(100%); /**ie9 */
	  -o-filter: grayscale(100%); /**opera */
	  filter: grayscale(100%);
	  filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
	  filter: gray; /*ie9-*/
	}

js中

	let date = new Date();
	let month = date.getMonth() + 1;
	let day = date.getDate();
	if (month === 12 && day === 13) {
    
    
	//获取根元素标签，并为元素添加类名
      let html = document.getElementsByTagName("html")[0];
      html.className += " grayWeb";
    }

注意点

当filter的属性不为none时，会为绝对定位或固定定位的后代创建包含块，除非它所应用的元素是当前浏览上下文的根元素。