用一行代码实现网页变灰效果

<meta http-equiv="X-UA-Compatible" content="IE=9">
    <style>
        html{
        filter: gray; /* IE6-9 */
        filter: grayscale(100%);
        -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        
        }
        body{filter:Gray;}
        img{filter:Gray;}
    </style>

.gray {
    -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);
}

想要变灰的节点只需要加上 gray 这个 class 就好了，比如加到 html 节点上就可以全站变灰了。