页面全局变灰色和CSS3控制鼠标不可点击属性

项目要求在一些页面某些状态下的列表要以灰色界面显示（像国家哀悼日出现的大部分主流网站都会变成灰色主题同样），而且该列表下的card按钮不可点，但能够点进去看详情。

一步步来吧，首先页面全局变灰色一搜百度关键字网站灰色主题一堆，关键CSS代码

.gray { 
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    
    filter: grayscale(100%);
	
    filter: gray;
}

控制已取消状态下的列表项变灰色（amazing！）

好了，当时这个状态下的项是不可点击的，我突发奇想就直接在每一个项上蒙上一层蒙版，打算大功告成的时候，被组长告知能够点详情的，靠！无奈想了一些旧方法也不行的状况下，又百度找到了一种CSS3新属性能够解决（pointer-events：'auto/none';）元素永远不会成为鼠标事件的target,但子代也添加该属性有可能形成冒泡，这里不细说。

到此打完收工