整站灰色代码，悼念哀悼代码。兼容cheome的代码与网上比较流行的几种方式合集

最新推荐文章于 2020-12-15 09:12:01 发布
最新推荐文章于 2020-12-15 09:12:01 发布
阅读量1.8k 收藏
点赞数
分类专栏： 网页美工 文章标签： css css3 html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/fp1588/article/details/105327696
版权
这篇博客整理了多种使网站变为灰色调的代码，包括CSS滤镜和SVG滤镜方法，确保兼容Chrome浏览器，适用于网站哀悼时期使用。
摘要由CSDN通过智能技术生成

 网上找了许多代码，很多都是不兼容Chrome的，以下代码经过本人测试可以放到网站的首页<head></head>之间。

<style type="text/css">
html{ filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(1);}
</style>

以上代码转自:weixin_30567471

以下代码转自：admzq

网站变灰色代码变素色和黑白方法大集合（站点哀悼代码之用&

最低0.47元/天 解锁文章
fp1588
关注
专栏目录
Chrome 自动执行 JS 脚本 | Tampermonkey 插件
甘蓝的专栏
06-06 1260
进入网站后，想要自动执行某些JS脚本，那么你需要 Tampermonkey 插件！
通过创建符号链接，修改 Chrome 用户缓存文件夹
夏狗花花的博客
11-17 371
创建符号链接，从结果上来看类似创建快捷方式。对符号链接文件读写和更改时，系统会自动转为对原文件的读写和更改。 例如，如果某个目录必须放在C盘，而C盘又太满了，可以为此目录建立一个符号链接，仅将符号链接放到C盘，从而自动将所需要的空间转移到其他磁盘上。 1. 打开 chrome 浏览器，在地址栏输入 chrome://Version，按下回车，找到个人资料路径 2. 进入该文件夹，找到 Cache 文件夹并删掉它，要关闭chrome才能删除 3. 另外找个喜欢的地方（非系统盘），建立一个 Cache .
哀悼日页面实现效果代码
11-30
对于灰色页面处理的所有方法，主要用于哀悼日页面效果显示，解决了不能显示的问题
纪念玉树，全国哀悼日[网站灰色背景css代码]
Ethan Woo 的博客
04-21 341
将网页全部变成灰色背景,纪念玉树地震网站灰色背景代码 在css样式第一行加入 [code="css"] html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); } [/code] 或者 [code="css"]html { filter: gray }[/code] ...
将网站、网页变成灰白色调的哀悼风格界面的CSS代码
lianmindiandi
12-01 1650
下面来分享下使网站变成灰白色调，哀悼风格界面的代码： html { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-fil
网站变为黑白的CSS代码——哀悼四川大地震中遇难同胞
weixin_34232617的博客
05-19 172
为表达全国各族人民对四川汶川大地震遇难同胞的深切哀悼，国务院决定，2008年5月19日至21日为全国哀悼日。在此期间，全国和各驻外机构下半旗志 哀，停止公共娱乐活动，外交部和我国驻外使领馆设立吊唁簿。5月19日14时28分起，全国人民默哀3分钟，届时汽车、火车、舰船鸣笛，防空警报鸣响。   各大网站为了表达哀思，纷纷将首页变为黑白色。朋友们询问如何快速达到这种效果，现将我了解到的几种方法与大家...
网站变灰色代码方法大集合（站点哀悼代码之用）
Admzq的技术日志
08-15 1845
<br />网站变灰色代码变素色和黑白方法大集合（站点哀悼代码之用）<br />举国都在哀悼此次地震的遇难者，很多门户网站纷纷变成灰色色调来缅怀那些逝者。身为站长的你是否也应该做些什么，那还等什么……<br />而如何将网站变成灰色调呢，网站变灰色方法是什么？有哪些？<br /> <br />为了方便大家查看，特整理下出个网站变灰色/黑白色代码方法的大集合以供大家参考与使用。<br /> <br />详细方法大集合如下：<br />方法一：<br />在你的网站页面上<br /><head></head><
cheome浏览器
03-31
Chrome浏览器浏览器浏览器浏览器浏览器浏览器浏览器浏览器
5.1loadrunner安装及通过用chrome浏览器录制脚本，去除固定ie浏览器方法
weixin_42378396的博客
06-05 617
关于loadrunner的安装，主编给出下面安装包及操作文档链接： 链接：https://pan.baidu.com/s/1C1ID2GbGyPKNrQowebThAA 提取码：9exc 1、机票特定网站搭建： 安装完成后打开 如果打不开：1、提示1080端口被占用： cmd：输入命令netstat -ano 查询各端口所在进程的PID，找到1080的程序PID，在资源管理器将其关闭，再重启 再重启服务 2、如果显示出来的界面不是这个样子的，建议重新安装，一步一步来 ..
祭奠 web作业1
精通时间管理
11-10 220
做了一个很简单的网页 记录一下经历和踩的坑 一：IDE ：idea 二：后端框架用的SpringBoot 三：javaweb方面用的: jsp 在SpringBoot上获取jsp页面：ModelAndView 对象的使用 数据库里的数据弄成对象通过ModelAndView.addObject (name,object)方式 加载到 jsp 里面 在jsp界面里通过EL表达式获取使用...
给网站添加灰白滤镜（默哀主题色）
01-08
默哀专用，添加在html根节点或者body节点，致敬英烈们，感恩你们的守护~~ 1、天猫 html { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: url(data:image/svg+xml;utf8,#grayscale); filter: progid:DXImageTra
Discuz插件 网上祭祀祭拜扫墓 1.2
09-29
插件介绍 公墓分为名人公墓和个人公墓； 可设置祭拜消费金额和创建公墓消费金额； 后台添加为名人公墓，前台添加为个人公墓； 个人公墓添加需管理员后台审核； 公墓可设置生辰、忌日、生平、遗像、姓名； 本插件不含有默认公墓数据，请自行添加（截图为演示效果）； 插件使用出现问题请到 工单系统 及时反馈，应用中心不做解答。 安装步骤： 首先安装本插件后启用； 在设置中设置消费设置； 确保source/plugin/tshuz_worship/pic目录具备读写权限； 正常使用！
网站哀悼变灰代码
fengwind1的专栏
03-06 615
html { filter: grayscale(100%); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(1); -moz-filter: grayscale(1); -ms-filter: grayscale(1); -o-filter: gr
一句代码把网站变灰颜色  默哀日  …
爱菜鸟高高飞
06-30 859
如何使网站变灰的方法大全(兼容ie，火狐，360，chrome) 每逢全国哀悼日，如四川雅安芦山发生7.0级别大地震，不少网站首页已经变成了灰色表示哀悼。下面百万站整理了几种让网页变灰色的CSS代码，供各位站长参考！ 方法1：支持IE html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);} 说明：此方
默哀黑白CSS代码
码农高端会所
04-27 1703
一句话，全站黑白 html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(1); }
html跳转到另一个html页面_Html页面借助CSS实现哀悼效果
weixin_39616339的博客
11-29 501
今年清明节全国致敬英雄，为表示哀悼，很多网站的首页都变成了黑白的，这是怎么实现的呢？一般人都会想到给整个页面的所有内容逐一替换样式，将文字、图像和按钮都处理成灰色。但是工作量比较大，而且一旦有遗漏的元素就很尴尬了。下面小编教你一招，绝对实用，只需要在Html文件的样式中加入如下代码：html{ -webkit-filter: grayscale(1); -moz-filter...
让你的网站一起默哀 ，让页面全部变灰的代码
sgear
05-19 2000
 在你的样式表里加入如下代码 BODY { FILTER: Gray; color:#000000; } 就可以象163，等站点一样。全部页面变灰了。。 如果加上以后发现 页面的头和尾还是彩色的，那就用这段代码。决对都灰 html { FILTER: Gray; color:#000000; } 顺便问下大家，以上代码会不会造成站点慢！！我们公司编辑
纪念日或悼念人网页变灰仅需一行代码
1853
12-15 460
纪念日或悼念人网页变灰仅需一行代码 1、CSS代码 body,html { filter: progid:DXImageTransform.Microsoft.BasicImage(graysale=1); -webkit-filter: grayscale(100%); } 2、变灰效果 2.1、插入代码前 2.2、插入代码后 如果喜欢，帮点个赞了！ ...
哀悼灰在网页中的实现
CmpveYoo的博客
04-05 272
只需在特定位置嵌入代码即可 css文件中 html {filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(100%);} head标签中 <style type="text/css"> <!--html {filter:progid:DXImage...
网站变灰代码【转帖】
firstfirst1的专栏
05-04 332
为方便站点哀悼，特提供css滤镜代码，以表哀悼。以下为全站CSS代码。html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }使 用方法：这段代码可以变网页为黑白，将代码加到CSS最顶端就可以实现素装。建议全国站长动起来。为在地震中遇难的同胞哀悼。如果网站没有使用 CSS，可以在网页/模板的HTML代码和
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值