米饭粑 米饭粑
  • 注册
  • 登录
  • 首页
  • 好物推荐
    • 干货分享
    • 好物推荐
    • 免费资源
    • 非专业测评
  • 技术架构
    • Linux
    • HTTPS
    • Windows Server
  • 网站建设
    • 免费资源
    • 建站程序
    • 云建站
    • WordPress
  • 网络服务
    • CDN
    • DNS
    • HTTPS
  • 教程&更多
    • 更多教程
    • 资讯新闻
    • 琐琐碎碎
    • 关于米饭
    • 打赏米饭
  • 友情链接
  • 阿里云Ping
首页 › 技术架构 › 教程 › 4月4日,全国哀悼,简单CSS代码将网站变成灰色

4月4日,全国哀悼,简单CSS代码将网站变成灰色

妙正灰
11月前教程
551 0 0

为表达全国各族人民对抗击新冠肺炎疫情斗争牺牲烈士和逝世同胞的深切哀悼,国务院2020年4月3日发布公告,决定2020年4月4日举行全国性哀悼活动。在此期间,全国和驻外使领馆下半旗志哀,全国停止公共娱乐活动。4月4日10时起,全国人民默哀3分钟,汽车、火车、舰船鸣笛,防空警报鸣响。

——国务院

作为互联网业务的经营者,我们也要为哀悼日做准备,首先是将网站的一些娱乐属性的功能暂停,如果网站的配色比较鲜艳的,那么最好就是用 CSS 覆盖将网站变成灰色。

为了最快捷的实现效果并再介绍哀悼后可以快速恢复,因此通过CSS样式的方式修改网站配色是最好的方法了。我们将以下代码放入网站 Header 部分,保存并清理缓存既可实现。

未压缩版:

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

压缩版:

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

WordPress 的话更方便,只需要在 后台 —— 外观 —— 主题 —— 自定义 —— 额外CSS 中,加入压缩版的CSS即可。

CSS
0
本文系作者 @妙正灰 原创发布在 米饭粑。未经许可,禁止转载。
OpenLiteSpeed 更新至 1.6.10,开源版轻量高性能 Web Server
上一篇
评论 (0)
再想想
标签
Appnode Brotli CDN CentOS CentOS8 Debian DNS ECC ECS Ghost HTTP2 HTTPS IIS IPV6 Linux LiteSpeed MariaDB MySQL Nginx OLS OpenLiteSpeed OpenResty OSS PageSpeed PHP PHP7 QUIC Redis RHEL RHEL8 SSL TokuDB Ubuntu Windows Server 2016 Wordpress 云服务器 升级 域名 对象存储 微软 数据库 百度 笔记本 阿里云 阿里云ACP
文章归档
关注米饭粑微信公众号
相关文章
使用如下姿势预防阿里云 CDN 产生天价账单
阿里云IPv6实践,从云服务到云安全
不花一分钱构建阿里云上第零步安全体系
在 RHEL8 和 CentOS8 上安装 Nginx
关于

稻粢穱麦,挐黄梁些,折腾云计算的经验分享和总结。

菜单
首页 教程 好物 关于 链接 打赏
内页链接
米饭粑 米范导航
Copyright © 2011-2021 米饭粑. Designed by nicetheme. 浙ICP备15006212号-1
  • 首页
  • 教程
  • 好物
  • 关于
  • 链接
  • 打赏
热门搜索
  • 402
  • 113
  • 546
  • 548
  • 460
妙正灰
文科屌丝伪IT男一枚.
337 文章
385 评论
378 喜欢
  • 0
  • 0
  • Top