页面灰度的处理办法

1，jquery,利用这个属性如：(这个兼容性有问题、不建议使用）

</script>
<script type="text/javascript">
$(document).ready(function(){
grayscale($("img"));
})

</script>

2，使用css属性：如

.p90m img  {

1. width: 90px;
2. height: 90px;
3. border: 1px solid;
4. -webkit-filter: grayscale(100%);
5. -moz-filter: grayscale(100%);
6. -ms-filter: grayscale(100%);
7. -o-filter: grayscale(100%);
8. filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
9. filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter ….3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
10. _filter: none;

}

这个使用最简单

3，​jquery。下面这个代码渐变效果要好于上面那种：

 $('.bwWrapper').BlackAndWhite({

        hoverEffect : true,

        webworkerPath : false,

        responsive:true,

        invertHoverEffect:false

    });

调用js:[!--news.url--]js/scripts/jquery.blackandwhite.min.js