特殊时期网站都变成了灰色,是怎么做到的?
昨天打开各个网站,发现网页都变成灰色了。今年国家经历了非常惨痛的时刻,有很多烈士英雄保卫人民的安危遇难,昨天全国下降半旗,深圳时间10点全国默哀三分钟,来致敬英雄们。为了深切哀悼在抗击新冠肺炎斗争中的牺牲烈士和逝世同胞,4月4日0点起,全国多家网站和移动端,比如百度、优酷、爱奇艺、哔哩哔哩、抖音、快手、斗鱼和CSDN等平台给出公告称:2020年4月4日全国性哀悼活动期间,停止今天一切公共娱乐活动。
随便打开这些任何一个网站,全站的内容都变成了灰色,包括按钮、图片等等。相信这时候从事程序开发的粉丝可能会好奇这是怎么做到的呢?
其实解决方案很简单,只需要几行代码就能搞定了。从事前端开发的朋友会以为所有的内容都统一换了一个CSS样式,图片也全换成灰色的了,按钮等样式也统一换成了灰色样式。如下图,有一个灰色样式:[filter:grayscale(100%);],也许就是这一个样式控制着整个网页显示效果。
现在试着关掉这个样式,会发现整个csdn页面恢复了往常的红色主题,包括网站logo、图片和按钮都恢复了。
总结上面的实验效果,果然是这个样式在起作用,而且是全局的效果,因为它是作用在了html这个节点之上的。只要修改这部分CSS代码:
html{webkit-filter:grayscale(100%);filter:grayscale(100%);}
当然这种修改CSS的方式还有很多,我们可以在Mozilla发布的样式效果测试平台上看看filter这种不同层叠样式效果。
平台地址:developer.mozilla.org/zh-CN/docs/Web/CSS/filter
通过这几个用力可见通过filter样式改变了图片、颜色、模糊、对比度等等信息。官网介绍了一些语法:
/*URLtoSVGfilter*/
filter:url("filters.svg#filter-id");
/*<filter-function>values*/
filter:blur(5px);
filter:brightness(0.4);
filter:contrast(200%);
filter:drop-shadow(16px16px20pxblue);
filter:grayscale(50%);
filter:hue-rotate(90deg);
filter:invert(75%);
filter:opacity(25%);
filter:saturate(30%);
filter:sepia(60%);
/*Multiplefilters*/
filter:contrast(175%)brightness(3%);
/*Globalvalues*/
filter:inherit;
filter:initial;
filter:unset;
设置一种函数,方法如下:
filter:<filter-function>[<filter-function>]*|none
如果对层叠样式感兴趣的朋友可以阅览下官网的说明文档:
developer.mozilla.org/en-US/docs/Web/SVG/Element/filter
除了这些开发样式调整的方法以外,还可以走系统架构角度解决网页的显示问题,通常很多大型网站都用上了反向代理nginx服务器,所有网站访问,都要通过nginx代理去访问到网页内容。
既然这样,统一在nginx服务器上做一些配置也是可行的,之前某大神的博客说“在Nginx负载均衡服务器上,利用sub_filter指令在输出的HTML中增加一行如下代码:
<styletype="text/css">html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}</style>
nginx配置修改效果如下:
网站机票比价网站推荐什么时候机票最便宜
不过,有时在比价网站上购买一次机票后,在一段时期内再次购买机票会有优惠价格或折扣,所以就得自己最后权衡一下在哪买更好。正规比价网站下面介绍几个常用的正规比价网站,有空时就在网站上查查机票呗。Skyscanner天巡 全球领先的旅游搜索网站,提供对上百万条航线以及汽车租赁和酒店预定的即时在线价格比较...
一个关于数学的故事
不要发网站,要精炼且含义深刻,(比较好写读后感的。)... 1000字以内,有关数学的方法,数学家的也可以。不要发网站,要精炼且含义深刻,(比较好写读后感的...祖冲之(公元429-500年)是我国南北朝时期,河北省涞源县人.他从小就阅读了许多天文、数学方面的书籍,勤奋好学,刻苦实践,终于使他成为我国古代杰出的数学家、...
网络营销具体有哪些方法?
加深市场认知度的网络营销活动,这就是论坛营销。”13、网络图片营销 网络图片营销其实现在已经成为人们常用的网络营销方式之一,我们时常会在QQ上接收到朋友发过来的有创意图片,在各大论坛上看到以图片为主线索的贴子,这些图片中多少也参有了一些广告信息,比如:图片右下角带有网址等。
从唐朝到清朝,古典武侠小说为何会由玄幻转向写实?
唐代是我们历史上思想非常开放的朝代,社会也非常的繁盛。当时的唐朝,可以算得上是真正的有了武侠小说,而且一来就是奇幻武侠小说。当时唐朝的武侠小说并非是那种过招都是一拳一拳的打的,而是技术派。在当时的小说描写到,平常人用剑两口或者三口已经算是正常的了,但是那些高手就不一样,他们同时用...
女娲补天改变成现代故事
这一时期的遗址不仅数量多而时间跨度也很长,如,郧县清龙泉遗址、竹山霍山遗址、房县羊鼻岭遗址都同时包涵有仰韶、屈家岭、石家河三大文化系近3000年的文化...在互联网上他们还办有名为“女娲故里”的网站,平利县在女娲文化的研究上捷足先登了。然而,他们先行一步的研究对我们不仅没有妨碍,还为我们确立竹山是女娲...
风水命理网站
展开全部 风水命理网站有哪些? 风水命理网站有哪些?avo 算命最准的免费网站是哪个?中华命理风水网怎么样? 算命网站没有最准的 程序算命都是固定模式 一些...可能养成鸭或变成牛,每个人都可以通过后天的努力和改变去实现属于自己命中注定的最大的成功,但不是每个人去努力都可以做将军,不是每个人去努力都可以当...
看书网和17k哪个网站适合新人写小说呢?
1,新人写小说,应该选择什么样的网站?这个问题其实很好理解,首先,选择大网站,起点中文网晋江文学城红袖添香纵横中文网3G书城17K小说网这些都是作者优先考虑的,我这么说,不是因为我排斥小网站,很多的大网站由于竞争大和不公平竞争等因素,新人出头确实很难,而且更多的还是对信心的打击,这是具有摧毁性的,所以并不是说...
谁知道大众汽车公司的相关知识或相关网站
从普通型桑塔纳的全盘引进, 到桑塔纳2000型的联合开发, 从上海帕萨特的创新研制, 到第四代POLO的同步投产, 从GOL系列产品在短时期内的先后上市, 到今天桑塔纳3000型在上海大众技术中心的孕育诞生, 上海大众一次次为中国的轿车工业谱写了新的乐章。追求 “追求卓越,永争第一”是我们上海大众恪守的核心理...
有没有讲身体健康的网站
19、10种吃了会快乐的食物: 深海鱼,香蕉,葡萄柚,全麦面包,菠菜,大蒜,南瓜,低 脂牛奶,鸡肉,樱桃 20、睡眠不足会变笨, 一天须八小时睡眠,有午睡习惯...30、女性不宜喝茶的五个时期: 月经来时,孕妇,临产前.生产完后,更年期 31、抽烟,关系最大的是 肺癌,唇癌,舌癌,喉癌,食道癌,也与膀胱癌有关 32、饮酒...
哪里有搜索名人名言的专业网站?
66、青年是一个美好的而又是一去不可再得的时期,是将来一切光明和幸福的开端。——加里宁 67、一...133、明天,明天,还有明天,人们都在这样安慰自己,殊不知这个明天,就足以把他们关进坟墓。 ——屠格
延味乳酸: 你是想换主题呢?还是想单换网页背景呢? 如果是前者,桌面点击右键,属性,换主题,这个不用我说了吧? 如果是后者,那么 教你如何把网页底色变成淡淡的苹果绿: 第一步, 在桌面上点击鼠标右键,依次点击“属性”、“外观”、“高级...
相山区18615826982: 现在的网页一下全变黑白了,怎么做的呀. - ?
延味乳酸: 网页最前面插入一下代码即可<head><style type="text/css"> <!-- BODY { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); } --> </style></head> <head> </head>
相山区18615826982: 我电脑的主页突然没颜色了,上还能上去就都是灰色的,怎么变回来???
延味乳酸: 今天是全国哀悼日,大部分网站都会变灰色的,过了晚上12点就会变回来的了
相山区18615826982: 网页变灰色怎么办 - ?
延味乳酸: 正常现象 过段时间就可以了 那是为了哀悼
相山区18615826982: 网页颜色变成黑白的,要怎么还原? - ?
延味乳酸: 因为今天开始5月19日至21日定为中国哀悼日, 全国网站大部分网站改成黑白模式 还有大部分游戏都取消暂停3天. 所以才这样. 也是外交部和我国驻外使领馆设立悼念的形式! 电脑是没问题的!!!
相山区18615826982: 网页变黑白的方法?
延味乳酸: 1.为方便站点哀悼,特提供css滤镜代码,以表哀悼.以下为全站CSS代码. html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); } 使用方法:这段代码可以变网页为黑白,将代码加到CSS最顶端就可以实现素装.建议全...
相山区18615826982: IE属性设置里“主页”变成灰色,无法更改,该怎么做? - ?
延味乳酸: 1可以装一个金山清理专家 2打开工具栏的INTERNET选项看看能不能修改 3你或许是装了什么关于这个网站的程序软件如下载的就会捆绑恶意软件,把它们删了 4装一个其他的浏览器如qq的tt浏览器或者火狐都是免费的 你需要安全卫士吗 ======...
相山区18615826982: 如何使网页变黑白色(灰色)为(悼念地震死难者)使整个网页变黑白色 ?
延味乳酸: 以下为全站CSS代码. html { filter:progid:DXImageTransform.Microsoft.BasicImage... 最简单的把页面变成灰色的代码是在head 之间加 html { FILTER: gray } 一般的discuz论...
相山区18615826982: 网页怎么会变成黑白的色的??
延味乳酸: 这是全国默哀 各网站都调成黑白的了 你没办法调回去的 再过两天到21号就好了!
相山区18615826982: 百度有啊的网页为什么今天还是彩色的呢??其他网站都是灰色的??这是怎么回事?】 - ?
延味乳酸: 灰色的是为了悼念青海遇难的同胞 彩色的是为了服务更广大的中国民众