网站灰色变白色

2020-04-04  本文已影响0人  LeeYaMaster

今天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效果图
上一篇下一篇

猜你喜欢

热点阅读