解决或者设置网页变灰-CSS-filter属性-哀悼

网页变灰

网页恢复 CSS filter filter CSS 属性将模糊或颜色偏移等图形效果应用于元素。滤镜通常用于调整图像,背景和边框的渲染。

官方Demo

https://developer.mozilla.org/zh-CN/docs/Web/CSS/filter

今天很多网站都变灰了,比如简书、B 站、爱奇艺、 、百度等等。 我们选择一个网站,比如 B 站吧,打开浏览器开发者工具。审查一下网页的源代码,我们可以发现在 html 的这个地方多了一个疑似的 class,叫做 gray(灰色)

代码实例

<!--放到<head></head>之间即可-->
  <style type="text/css"> 
    html{
          
    
    filter: grayscale(100%); /* 标准写法 just for IE6-9 */ 
    -webkit-filter: grayscale(100%); /* webkit 内核支持程度较好 */
    -moz-filter: grayscale(100%); /* 其他内核现在并不支持,为了将来兼容性书写 */
    -ms-filter: grayscale(100%); 
    -o-filter: grayscale(100%); 
    filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); 
    filter: url("data:image/svg+xml;utf8,<svg xmlns=http://www.w3.org/2000/svg><filter id=grayscale><feColorMatrix type=matrix values=.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0/></filter></svg>#grayscale");  /* Firefox 3.5+ */
    }
</style>
经验分享 程序员 微信小程序 职场和发展