js怎么实现那种整体页面变灰色

1.所有网站页面变灰色。。。

方法一

html {-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}

grayscale 英语的意思是灰度; 灰度图; filter为滤镜属性。直接给整个网页加上一个灰色的滤镜。

方法二

body *{-webkit-filter: grayscale(100%); /* webkit */
-moz-filter: grayscale(100%); /*firefox*/
-ms-filter: grayscale(100%); /*ie9*/
-o-filter: grayscale(100%); /*opera*/
filter: grayscale(100%);
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
filter:gray; /*ie9- */
}

参考链接

js怎么实现那种整体页面变灰色相关推荐

html 弹窗之后页面变灰色,html点击按钮弹出窗口背景灰掉,点击背景变白退出点击退出也可以...
html点击按钮弹出窗口背景灰掉,点击背景变白退出点击退出也可以 2011-06-10 18:22阅读: 孑孓努力搬砖,养老婆孩子. 关注 function showid(idname){ var ...
非IE浏览器下让界面变灰色
今天哀悼日,大家先默哀一分钟~~~~ 按照惯例,网页都得变灰色,IE下可以用下面的CSS解决: html { filter:progid:DXImageTransform.Microsoft. ...
前端页面添加灰色滤镜,使网页整体变灰
前端页面添加灰色滤镜,使网页整体变灰修改css样式只需要在html的样式里面加一句代码 html,body,div,img{-webkit-filter: grayscale(100%);-moz ...
网站指定日期变灰色JS代码
悼日网站变灰这个代码可以指定日期网站变灰色页面,网站调用JS代码文件就可以实现或者在后台放置代码块. 代码展示 /* 哀悼日网站变灰 */ if(aidaori()){$("html&qu ...
付款页面付款时背景变灰色_在付款和被付款时
付款页面付款时背景变灰色 In the 9 years I have been running edgeofmyseat.com I have issued a large number of inv ...
grayscale.js插件使页面变灰
对于多数浏览器而言,使用以下代码即可使页面变灰 /* 页面变灰 */ #body{-webkit-filter: grayscale(100%); /* Chrome, Safari, Opera * ...
Js实现放大缩小html页面整体
Js实现放大缩小html页面整体不包含iframe的写法包含iframe的写法不包含iframe的写法 html代码 <body><div ><button onc ...
html的filter兼容性,网站黑白效果网站变灰色（兼容IE和主流浏览器）JS+CSS网站整站变黑白效果-css的 filter属性（Chrome内核）...
最新文章 https: open weixin qq com 有这个的账号,给客户开通微信小程序不需要认证费直... https: open weixin qq com 有这个的账号,给客户开通微信小 ...
word图片填充之后图片颜色变灰了_一文读懂如何快速实现网页页面变灰？
灰色显示百度首页今天早上醒来一看各大网站,为表示新冠肺炎疫情死难者的哀悼,各大网站均将页面变为灰色显示,显示的极为庄重肃穆.本文主要介绍常用网页页面快速变灰色的方法. CSS样式Filter属性对 ...
jquery按钮置灰_点击提交按钮后按钮变灰色不可用状态的三种方法
第一种方法:直接按钮中加入当点击提交后,提交按钮变灰色不可用,这样可有效防止重复提交,本代码就是实现这样一个功能.从代码就可以看出,我们只需在提交按钮上加入这一句: οnclick="ja ...

js怎么实现那种整体页面变灰色

方法一

方法二

js怎么实现那种整体页面变灰色相关推荐

最新文章

热门文章