zoukankan      html  css  js  c++  java
  • 如何让实现整站变灰色调 (一般用于悼念活动)

    給你网站所有的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上面的“斯巴达内核”浏览器,非常抱歉,我家里没有装这个系统,无法测试

  • 相关阅读:
    深入源码之JDK Logging
    随机数生成器
    简单日志LogHelper
    Xml、Json序列化
    Redis封装之Set
    Redis封装之Hash
    Redis封装之String
    Redis之创建
    AngularJS初接触
    简单缓存Cache
  • 原文地址:https://www.cnblogs.com/Yashull/p/4734365.html
Copyright © 2011-2022 走看看