全网站变灰,我们可以使用css的filter属性。
<style type="text/css">html {filter: grayscale(100%);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: url("data:image/svg+xml;utf8,#grayscale");filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(1);}</style>
但是在ie上会出现兼容性问题。可以使用grayscale.js。然后【允许ie阻止的内容】即可
<script src="./grayscale.js"></script>//选择器可选任何元素、任何你想改变的块或这个页面//原生jsgrayscale(document.getElementById("gray"));//或用jqgrayscale($("body"));