全网站变灰,我们可以使用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>
//选择器可选任何元素、任何你想改变的块或这个页面
//原生js
grayscale(document.getElementById("gray"));
//或用jq
grayscale($("body"));