你的网站变灰了吗?
zhuanjiao
2022年09月15日 09:59 / 243 阅读 / 0 评论 / 正在检测是否收录...
温馨提示:
本文最后更新于2023年01月13日,已超过19天没有更新,若内容或图片失效,请留言反馈。

  一般在全国哀悼日,我们都会把自己的网站,全站变成灰色!以表示对逝者的悼念!
请输入图片描述
那需要如何来实现网站整站变灰?

插入Css代码

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

这个Css修饰的对象都是 Html是作用全局的

  带有 webkit 前缀的意思是在 webkit 内核的浏览器中生效,比较常见的有 Chrome 、 搜狗高速浏览器 、 360极速版等等一大堆浏览器;而带有 moz 前缀的意思是在 firefox 中生效;带有 ms 前缀的含义是 IE (不得不说连 IE 都还在支持我也是惊了);带有前缀 o 的是指 Opera (欧朋)浏览器

以上就是,将整站变灰的方法。

—— 评论区 ——

昵称
邮箱
网址
取消