grayscale.js插件使页面变灰

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

/* 页面变灰 */
#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)解决方案

grayscale.js插件使页面变灰相关推荐

CSS 使网页变灰(文字加动画)
如果需要使网站变灰,在网页上加层滤镜就可以了. 1 html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); } ...
前端实现页面变灰功能(含 Flutter )
前端利用css3中新增的filter属性实现页面变灰功能.一键全局修改样式,加滤镜.加曝光等等.flutter 使用 ColorFiltered 包裹我们的根widget 实现页面变灰. 今天从前端 ...
使网页变灰的代码(包括FLASH等所有网页元素).
使网页所有元素变灰的代码:把下面的代码加入网站的CSS文件中第一种方法: html{ filter:progid:DXImageTransform.Microsoft.BasicImage(gray ...
html 图片变灰,科技常识：css使图片变灰的实现方法
今天小编跟大家讲解下有关css使图片变灰的实现方法 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关css使图片变灰的实现方法的相关资料,希望小伙伴们看了有所帮助. 如果您是想将页面网页 ...
word图片填充之后图片颜色变灰了_一文读懂如何快速实现网页页面变灰？
灰色显示百度首页今天早上醒来一看各大网站,为表示新冠肺炎疫情死难者的哀悼,各大网站均将页面变为灰色显示,显示的极为庄重肃穆.本文主要介绍常用网页页面快速变灰色的方法. CSS样式Filter属性对 ...
nginx 配置网站页面变灰
nginx 配置网站页面变灰,主要是通过ngx_http_sub_module模块来进行配置,已经安装该模块的可以直接配置,未安装的需新增编译该模块新增模块编译可以参考以下文章 https://hu ...
使按钮变灰不可用方法
按钮变灰不可用方法: document.getElementById("ID").setAttribute("disabled", true); ID为元素的具 ...
纪念日页面变灰是怎么实现的( filter: grayscale(100%)；)
在一些特殊的日子,我们可能会把页面变成灰色,我还有印象,有一次是一个国家纪念日,全部网页都变成了灰色,当时的4399小游戏都不能玩,我们思考一下他是怎么做到的呢,肯定不能一个一个的去改样式,其实他是用 ...
在收到消息后秒级使网站变灰，不改代码不上线，如何实现？
注意:文本不是讲如何将网站置灰的那个技术点,那个技术点之前汶川地震的时候说过. 本文不讲如何实现技术,而是讲如何在第一时间知道消息后,更快速的实现这个置灰需求的上线. 实现需求不是乐趣,指挥别人去实现 ...

grayscale.js插件使页面变灰

grayscale.js插件使页面变灰相关推荐

最新文章

热门文章