在哀悼日的时候如何让网页变灰?

1、适用于谷歌、火狐、360极速模式的代码

 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); zoom: 1; }

但是上面的代码不兼容IE低版本的浏览器
2、适用于IE版本的使网页变灰的代码
1)、检查网页代码中的meta标签中是否写了以下代码

content=“IE=EmulateIE9”
content中的IE版本EmulateIE7、EmulateIE8、EmulateIE9都可以,之前的代码是content=“IE=edge”,用IE浏览器访问网站的时候也不变灰,当时都有点抓狂了

网页变灰的方法,适用于IE相关推荐

  1. 让整个网站网页变灰的方法

    一般在清明节,全国哀悼日,大地震的日子,以及一些影响力很大的伟人逝世或纪念日的时候,身为站长的我们都会让自己的网站的全部网页变成灰色(黑白色),以表示我们对逝者的悼念.那么今天就说说,通过几行简单的代 ...

  2. 哀悼日网页变灰的方法

    ie9以下及谷歌浏览器等可以用以下代码来实现 <style type="text/css">html{ -webkit-filter: grayscale(100%); ...

  3. 解除网站变灰的方法,阻止网站变灰的方法,remove grayscale from website

    起因 网站会在一些特定的日子里变灰,但是长时间观看灰色的内容会导致眼睛的损害(bushi ![在这里插入图片描述](https://img-blog.csdnimg.cn/e4dc6667cb4643 ...

  4. 使窗口(和 MDI 子窗口)的关闭按钮变灰的方法 - 回复 梦想成真

    问题来源: http://www.cnblogs.com/del/archive/2008/06/14/1221980.html#1225922 //这样就可以使当前窗口的关闭按钮变灰, 但系统菜单中 ...

  5. 解决或者设置网页变灰-CSS-filter属性-哀悼

    网页变灰 网页恢复 CSS filter filter CSS 属性将模糊或颜色偏移等图形效果应用于元素.滤镜通常用于调整图像,背景和边框的渲染. 官方Demo https://developer.m ...

  6. 技术大揭秘:百度、淘宝、QQ那些官网如何就只用一行代码实现网页变灰效果?...

    转自进击的Coder,作者崔庆才 今天是 2020 年 4 月 4 日,星期六,清明节. 我们的国家经历了非常惨痛的时刻,很多英雄在救助他人的路上倒下,更有很多烈士英雄保卫人民的安危遇难,今天全国下降 ...

  7. 使网页变灰的代码(包括FLASH等所有网页元素).

    使网页所有元素变灰的代码:把下面的代码加入网站的CSS文件中 第一种方法: html{ filter:progid:DXImageTransform.Microsoft.BasicImage(gray ...

  8. CSS 使网页变灰(文字加动画)

    如果需要使网站变灰,在网页上加层滤镜就可以了. 1 html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); } ...

  9. php代码显示灰色,哀悼日-实现网页变灰色的方法

    哀悼日期间经常需要把网页设置为灰色状态,现总结一下方法以备后用,在网站的CSS文件中的顶部加入如下代码: html{filter:progid:DXImageTransform.Microsoft.B ...

最新文章

  1. 史上第二走心的 iOS11-Drag Drop 教程
  2. QIIME 2用户文档. 16纵向和成对样本比较q2-longitudinal(2019.7)
  3. IT业爆发“新人”争夺战
  4. unity android ndk的作用,Unity中编写Android下使用的so插件
  5. 统计字符串中某个字符的个数
  6. 【转】程序在内存中的分布
  7. VideoUrlParser视频信息分析
  8. VB SendKeys 语句
  9. Android/Java面试题,边面试边成长,为了应试而应试
  10. 【面向对象设计基础】UML统一建模语言初学
  11. Android异常总结---3.Failed to install *.apk on device 'emulator-5554': timeout 错误提示:
  12. 拓端tecdat|python算法对音频信号处理Sonification :Gauss-Seidel迭代算法
  13. 算法: 239. 滑动窗口的最大值
  14. python自动排版公众号_GitHub - Pidbid/maxpress: MaxPress:MarkDown+Python实现微信公众号一键排版...
  15. 5000预算组装台式机配置清单
  16. python循环n次_如何使循环重复n次-Python 3
  17. 浅谈iOS进阶路线,让自己人生不迷茫!
  18. 网易游戏大咖分享——游戏行业职位发展(上)
  19. bootstrap实战--微金所项目(导航栏)
  20. 69节入门python_小渣渣学习笔记 python day69 【Django】

热门文章

  1. CVPR 2021 Oral | OWOD:面向开放世界的目标检测 Towards Open World Object Detection
  2. matlab熔断器,Resilience4j 熔断器
  3. html网页加减乘除代码,html+js实现简单的计算器代码(加减乘除)
  4. 计算机专业的自考财务管理有用吗,自考财务管理学难吗
  5. 秒杀系统的设计与实现(一)
  6. c语言入门篇:注释定界符详解
  7. FREE NAS服务器安装与配置使用
  8. 数据库 Oracle分区介绍
  9. 讲个鬼故事:小灰的体检报告出来了。。。
  10. 农夫山泉:HANA应用在企业中层层展现