頁面全局變灰色和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,但子代也添加該屬性有可能形成冒泡，這裏不細說。

到此打完收工