网站灰色变白色

今天4月4日清明节,10:00会举行全国性哀悼活动,以表达人们对抗击新冠肺炎疫情斗争牺牲烈士和逝世同胞的深切哀悼。所有的网站都会变成灰色,但是我们想学习,毕竟一个星期就休息两天,得抓紧学习是不是,但是网页灰色又会阻碍我们学习,比如MOOC,我看视频都变成灰色了,于是我边想如何解决这个问题:


刚进入网站的图片
寻找解决方案
效果成功图

第一种方法

首先,先打开F12,查看元素节点,然后因为是整体灰色,所以只会有两个原因,一个原因是html节点,另一个是body节点,之后我们找到和灰色有关的样式-webkit-filter: grayscale(1); 把这个一行注释掉就行了,于是成功搞定。关于把网站设置成灰色的属性,还有其他一些,找到相应的注释掉即可:

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

有人说用document.body来设置为白色,但是每个网站的结构不一样,所以我没用这种方法。

第二种方法

因为网站变成灰色,会使用到CSS3属性,这在IE浏览器上,是不兼容的,所以,我们使用IE浏览器就好了。


IE效果图
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 一、JS前言 (1)认识JS 也许你已经了解HTML标记(也称为结构),知道了CSS样式(也称为表示),会使用HT...
    凛0_0阅读 7,780评论 0 8
  • DOM 变化 如何确认浏览器是否支持 DOM 2 和 DOM 3 新增的模块:var supportsDOM2Co...
    云之外阅读 3,349评论 0 0
  • 转载 前端开发面试题 <a name='preface'>前言</a> 本文由我收集总结了一些前端面试题,初学者阅...
    小九喵喵阅读 3,375评论 0 0
  • 以后是对于初学者有帮助的一些JS的方法API,使用即说明 ■JS组成■1,ECMAScript : js的核心标准...
    简爱的三年阅读 4,310评论 0 0
  • 前端开发面试题 面试题目: 根据你的等级和职位的变化,入门级到专家级,广度和深度都会有所增加。 题目类型: 理论知...
    怡宝丶阅读 7,414评论 0 7

友情链接更多精彩内容