当前位置: 首页 > 工具软件 > GRAYSCALE.JS > 使用案例 >

grayscale.js插件使页面变灰

单于经纬
2023-12-01

对于多数浏览器而言,使用以下代码即可使页面变灰

/* 页面变灰 */
#body{
    -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
    -ms-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    filter: gray; /* IE 6-9 */  
}

那么IE10以上可以考虑使用grayscale.js插件

grayscale(document.getElementById('body'));

更多参考:

跨浏览器图像灰度(grayscale)解决方案

 类似资料: