css给网页添加 黑白滤镜

<style type="text/css">
    /*给网页添加 黑白滤镜*/
    html{
        /*兼容FF*/
        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
        /*兼容IE内核*/
        filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
        /*兼容其它,谷歌之类的*/
        -webkit-filter: grayscale(1);
    }
</style>

posted @ 2015-07-28 12:22  芦苇微微0  阅读(406)  评论(0编辑  收藏  举报