大部分浏览器只需一句话

	filter: grayscale(1);

当然也可以加前缀

    -webkit-filter:grayscale(100%);
    -moz-filter:grayscale(100%);
    -ms-filter:grayscale(100%);
    -o-filter:grayscale(100%);

问题来了…不兼容ie
这里需要引入一个js文件 mourn.min.js

	<script src="./mourn.min.js"></script>

当页面需要置灰时 在 js 中调用全局方法

grayscale()

	grayscale(document.body)

IE完美置灰

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐