利用css(w3c浏览器)/js(ie)将网站置灰

导读:

基本是按照张鑫旭大佬的方法,依葫芦画瓢。

一.w3c浏览器实现方法(ie9以上不支持)
        -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);
二.ie浏览器实现方法

三.整体代码



    
    
    Document




    
四.相关知识参考

1.各大浏览器对filter的支持
2.来自张鑫旭大佬的使用CSS将图片转换成黑白的方案
3.JS判断各种浏览器,根据判断动态引入不同的CSS文件、JS文件
4.判断引入的js文件是否加载完毕

你可能感兴趣的:(利用css(w3c浏览器)/js(ie)将网站置灰)