网页变黑白(网页变黑白的大事件有哪些)学到了吗

网站首页为什么变成了黑白色？很多人在打开淘宝、支付宝等软件的时候，发现首页都变成了黑白色，大家都想要知道是出

 

网站首页为什么变成了黑白色？很多人在打开淘宝、支付宝等软件的时候，发现首页都变成了黑白色，大家都想要知道是出什么事情了，具体的原因小编这就分享在下面，各位可以来简单的了解一下事情的经过，了解清楚11月30日各大APP的首页为什么都会变成了黑白色。

网站、app界面黑白11月30日事件始末淘宝页面变成黑白色调是为国家重大事件默哀，各大APP首页变成黑白色是从11月30日开始的，目前还是黑白色，国家委一般在遇到重大事故或变动，所有娱乐性质的软件首页都会变黑灰。

淘宝、京东、百度、小红书、支付宝等APP的首页全部都变成了黑白色

也正是因为这个特殊的日子，今日各大购物平台的主页面都变成了黑白色调，或许大家就可以理解了，看到各种APP首页变成黑白色也不用担心，是国家统一发布的通知，过几天就好了如何做到的？一、前言在很多时候我们需要把整个网站变灰，比如“汶川地震”。

近日受降雨影响四川茂县突发山体高位垮塌，想起了曾经的汶川地震来看看网站是如何实现整体变灰的二、CSS3 filter(滤镜) 属性html{-webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */

filter: grayscale(100%);}filter 属性定义了元素(通常是)的可视效果(例如：模糊与饱和度)浏览器支持：grayscale()：将图像转换为灰度图像值定义转换的比例。

值为100%则完全转为灰度图像，值为0%图像无变化值在0%到100%之间，则是效果的线性乘子若未设置，值默认是0来看一下效果：可以看到，网页中的图片、css样式、视频都已经变灰三、IE浏览器上面所说的css3属性IE浏览器并不支持，其实这样做已经覆盖了大部分浏览器。

filter: gray;这个属性直接加载html上是不管用的，如果需要图片变灰可以只将样式作用于img标签，或者用*通配符作用于所有元素，这样整个网站就会变灰经测试，在IE7-9都是没问题的，IE9以上不能生效。

四、通用方案如果你执意所有的浏览器都有这个效果，可以通过Greyscale.js实现：在页面引入js文件：

然后：grayscale(document.getElementsByTagName("img"));或者直接这样：grayscale(document.getElementsByTagName("html"));

实现原理：IE浏览器下是添加灰度滤镜，这个大家都懂的其他浏览器貌似使用Canvas中的getImageData方法，然后对每个像素点进行灰度转换因此，在现代浏览器下，对于该方法，图片的灰度处理有两个局限性：。

1. 速度。300*300这张一般般大小的图片变灰就要数秒之久；2. 跨域。安全性机制，无法转换跨域的图片为黑白色。

免责声明：本站所有信息均搜集自互联网，并不代表本站观点，本站不对其真实合法性负责。如有信息侵犯了您的权益，请告知，本站将立刻处理。联系QQ：1640731186