整個網站網頁變黑白的效果

有時候網站在某種特定的狀況下，須要使整個網站變成黑白的顏色。下面是如何讓網站實現黑白效果的代碼：

<style type="text/css">
    html {
    FILTER: gray;
    -webkit-filter: grayscale(100%);
    }
</style>

View Code

filter是濾鏡的意思，filter:gray的意思就是說給頁面加上一個灰度的濾鏡，因此html裏面的全部內容都會變成黑白的了。不過這個濾鏡對於chrome和safari瀏覽器是無效的，因此下面會有一行-webkit-filter: grayscale(100%);這個樣式是專屬於使用webkit內核的瀏覽器的，意思和FILTER: gray;差很少，只是寫法不一樣罷了。