給你网站所有的html标签加上这一段css代码即可,顺序不要弄错了哦

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

那么问题来了,IE 10 和 IE11 是不支持的,这时候怎么办呢,我们需要加入grayscale.js ,百度一下就能下载到了,使用方法如下:

//jquery方法,页面加载完成后再执行,防止图片未加载出来,造成页面变灰失败
$(function() {
   document.onreadystatechange = function() {
       if (document.readyState == "complete") {
          grayscale(document.body));
       }
   }
});

至于win10上面的“斯巴达内核”浏览器,非常抱歉,我家里没有装这个系统,无法测试

相关文章:

  • 2021-09-28
  • 2022-03-09
  • 2022-03-08
  • 2022-12-23
  • 2021-11-14
  • 2022-12-23
  • 2021-08-26
猜你喜欢
  • 2022-12-23
  • 2021-10-23
  • 2022-01-02
  • 2022-12-23
  • 2022-12-23
  • 2021-11-14
  • 2022-02-06
相关资源
相似解决方案