觀察網站頁面變灰

選擇一個網站 ，好比 淘寶 吧，打開瀏覽器開發者工具。

審查一下網頁的源代碼，發如今 html 的這個地方多了一個疑似的 屬性，叫作 grayscale 中文叫灰度。

 

 

將其取消發現網頁還原爲原色，

 

 

 

 

 

果真是這個 html 樣式起了全局的效果，在看看其餘網站，博客園

body {
    filter: grayscale(90%);
}

是上面這行 也是做用在全局範圍內的

又看了幾個也是一樣，例csdn

html { -webkit-filter: grayscale(100%); 
　　　　-moz-filter: grayscale(100%); 
　　　　-ms-filter: grayscale(100%); 
　　　　-o-filter: grayscale(100%); 
　　　　filter: grayscale(100%); 
　　　　filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}因而我就去搜索了filter 這個樣式 MDN 的官方介紹，其連接爲：https://developer.mozilla.org/zh-CN/docs/Web/CSS/filter發現很給力