网页变灰色的功能
网页全局置灰,可以在html标签上加“style=’filter: grayscale(100%)’” 实现。
局部置灰,就给需要的标签加上即可。但是需要注意“filter: grayscale(100%)”会影响子元素z-index的数值。
但是有的浏览器存在兼容问题,需要用到grayscale.js插件,使用方法:
<script src="./js/grayscale.js"></script> <script> grayscale($('html')) </script>