哀悼日整个网站变成灰色的方法

最新推荐文章于 2024-02-02 09:00:28 发布

Dr. 卷心菜

最新推荐文章于 2024-02-02 09:00:28 发布

阅读量1.7k

点赞数 1

CC 4.0 BY-SA版权

分类专栏：日常Tips 文章标签： css

本文链接：https://blog.csdn.net/veritasalice/article/details/105303320

日常Tips 专栏收录该内容

14 篇文章

订阅专栏

本文介绍如何使用CSS代码快速将网站调整为黑白模式，适用于全国哀悼日等场合。仅需在.css文件中body标签内加入特定代码，实现网站整体灰度效果。注意，单独使用IE浏览器的滤镜效果可能不明显，需结合Webkit滤镜共同使用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在全国哀悼日，网站需要设置成黑白的，其实一点都不麻烦，只需在 .css 文件中body里面加下面两行行代码就可以：

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

踩坑：看了很多教程都是只加第一句，我这里只加第一句并不会变成黑白，加上第二行才生效。

filter相当于直接给整个网站加灰色滤镜，想要恢复注释掉这两行即可。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Dr. 卷心菜

关注关注

1
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
打赏
打赏
打赏举报

举报

专栏目录

全国哀悼日网站页面变成灰色的filter方法

10-30

今天访问好多网站包括百度，启点等网站都变成了黑白色界面，体现大家对于四川地震的深切哀悼，但有好的站长不一定知道是什么方法，还以为是大量改版，对于任何人都不是很轻松的事，特将本站的解决方法告诉大家。

哀悼日变灰操作

09-23

- 在哀悼日期间，可以动态修改网站的CSS样式表，将所有颜色设置为灰色或低饱和度的颜色。这可以通过JavaScript在页面加载时自动执行，或者通过后端服务动态生成CSS文件。 - 使用CSS变量（Custom Properties）可以...

参与评论您还未登录，请先登录后发表或查看评论

vue 验证码界面实现点击后标灰并设置div按钮不可点击状态

10-16

今天小编就为大家分享一篇vue 验证码界面实现点击后标灰并设置div按钮不可点击状态，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

vue首页样式变灰色修改

ZN_WEB的博客

12-02

619

vue首页样式变灰色修改

网页变灰的效果 vue 实现换肤主题设置 sass变量管理

weixin_45131389的博客

01-03

1177

需求：实现白天黑夜的网页切换效果最近接的项目，项目收尾了，把一些有趣的需求实现记录分享一下怎么实现一个网页的黑白切换效果也就是我们说的换肤实现原理换肤切换主题，其实就是利用网页的外衣css进行动态切换，设置不同的背景色和字体颜色，布局结构基本不会变化，只是颜色切换 ...

Vue整个网站变成灰色的方法

hzj1369的博客

12-01

761

Vue整个网站变成灰色的方法

vue下网站变灰

Jon的博客

05-10

1880

非IE浏览器处理非IE浏览器下只需要添加滤镜，对整个页面过滤就可以了，样式代码如下： //悼念色 .body { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); //-ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter:progid:DXImageTransform.Microsof

使整个网站变灰色代码

04-20

### 使整个网站变灰色代码 #### 背景与意义在特定的哀悼活动中，将网站的颜色调整为灰色是一种表示哀悼和尊重的方式。例如，在2010年4月21日，为了纪念玉树地震中的遇难者，许多网站采取了这种措施来表达对逝者的...

网站指定日期变灰色JS代码附带教程

12-30

网站指定日期变灰色的JS代码是一种常见的网页设计技术，它通常用于表示哀悼、纪念特殊事件或节假日。这种效果可以通过JavaScript脚本实现，使整个网页背景变为灰色，以传达特定的情感氛围。以下将详细介绍如何使用JS...

网站页面瞬间变灰色：DIV+CSS实现方法分享

### DIV+CSS中如何让整个页面变成灰色的知识点 #### 1. 页面变成灰色的含义与应用场合在许多国家，当国家遭遇重大灾害或重要事件时，门户网站以及其它网站常常会通过改变网站的主题颜色来表达哀悼或是对事件的关注...

如何把我们的网站变成黑白色或是灰色

01-20

第一种：修改CSS文件我们可以在网页的CSS文件中添加以下的CSS代码，来实现网页黑白色，也就是网站变灰.(如果是小白站长们，可以把这段代码和到百度统计放在一起，放之前一定要记得换行隔开） CSS代码 html { filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(100%); } 第二种：在网页的标签内加入以下代码如果你不想改动CSS文件，你可以通过在网页头部中的标签内部加入内联CSS代码的形式实现网站网页变灰。放到标签与底部即可。代

vue 网页变成灰色

m0_61239756的博客

12-05

719

vue 整个网页变成灰色

vue项目首页变灰

m0_57580977的博客

12-05

452

在APP.vue文件定义一个watch监听事件，当路由路径为首页时，给html-body添加样式，不是首页移除样式

网站变灰色(默哀专用)(转)

weixin_30388677的博客

07-13

3454

如果用传统的方法将网站变成黑白色非常的麻烦，需要更换页面的文件，并且要对图片进行更改。如果你的网站是用CSS的话，那就很简单了，只要是符合w3标准的网页，在CSS文件的最前面加上一行代码就可以了，这段代码使用的是CSS滤镜，将网页中的色彩部分过滤掉。 html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)...

将网页变灰的方法

teresa502的专栏

04-21

618

在html的之间，加入以下样式： body { FILTER: gray; } ---> 如果网页中含有swf文件，加入以上代码以后，还需要做如下处理： 1、在加swf的object中，加入属性值： style="FILTER: gray" 2、在之间加入：这样，不需要更改任何图片及swf，网页就变成黑白的了。为汶川地震中遇难的同胞默哀！

如果遇上需要让网站变灰色，作为站长的我们该怎么做

weixin_33872566的博客

06-07

351

看到标题，当然如果你是web程序员童鞋，可以绕道了，这只是总结的一些技巧而已，一般在全国哀悼日，大地震的日子，清明节，我们都会让自己的网站全站灰色，以表示对逝者的悼念。好了言归正传。如果遇上需要让网站变灰色，作为站长的我们该怎么做让网站变灰色，只需要一段代码就可以，当然方法有如下几种：写入.css文件请用网页黑白代码外部样式 *...

【UI】网站都变成灰色了，它是怎么实现的？

fruge365的博客

12-09

1112

网站都变成灰色了，它是怎么实现的？

项目全局置灰