网页变灰的方法,适用于IE
在哀悼日的时候如何让网页变灰?
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相关推荐
- 让整个网站网页变灰的方法
一般在清明节,全国哀悼日,大地震的日子,以及一些影响力很大的伟人逝世或纪念日的时候,身为站长的我们都会让自己的网站的全部网页变成灰色(黑白色),以表示我们对逝者的悼念.那么今天就说说,通过几行简单的代 ...
- 哀悼日网页变灰的方法
ie9以下及谷歌浏览器等可以用以下代码来实现 <style type="text/css">html{ -webkit-filter: grayscale(100%); ...
- 解除网站变灰的方法,阻止网站变灰的方法,remove grayscale from website
起因 网站会在一些特定的日子里变灰,但是长时间观看灰色的内容会导致眼睛的损害(bushi ![在这里插入图片描述](https://img-blog.csdnimg.cn/e4dc6667cb4643 ...
- 使窗口(和 MDI 子窗口)的关闭按钮变灰的方法 - 回复 梦想成真
问题来源: http://www.cnblogs.com/del/archive/2008/06/14/1221980.html#1225922 //这样就可以使当前窗口的关闭按钮变灰, 但系统菜单中 ...
- 解决或者设置网页变灰-CSS-filter属性-哀悼
网页变灰 网页恢复 CSS filter filter CSS 属性将模糊或颜色偏移等图形效果应用于元素.滤镜通常用于调整图像,背景和边框的渲染. 官方Demo https://developer.m ...
- 技术大揭秘:百度、淘宝、QQ那些官网如何就只用一行代码实现网页变灰效果?...
转自进击的Coder,作者崔庆才 今天是 2020 年 4 月 4 日,星期六,清明节. 我们的国家经历了非常惨痛的时刻,很多英雄在救助他人的路上倒下,更有很多烈士英雄保卫人民的安危遇难,今天全国下降 ...
- 使网页变灰的代码(包括FLASH等所有网页元素).
使网页所有元素变灰的代码:把下面的代码加入网站的CSS文件中 第一种方法: html{ filter:progid:DXImageTransform.Microsoft.BasicImage(gray ...
- CSS 使网页变灰(文字加动画)
如果需要使网站变灰,在网页上加层滤镜就可以了. 1 html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); } ...
- php代码显示灰色,哀悼日-实现网页变灰色的方法
哀悼日期间经常需要把网页设置为灰色状态,现总结一下方法以备后用,在网站的CSS文件中的顶部加入如下代码: html{filter:progid:DXImageTransform.Microsoft.B ...
最新文章
- 史上第二走心的 iOS11-Drag Drop 教程
- QIIME 2用户文档. 16纵向和成对样本比较q2-longitudinal(2019.7)
- IT业爆发“新人”争夺战
- unity android ndk的作用,Unity中编写Android下使用的so插件
- 统计字符串中某个字符的个数
- 【转】程序在内存中的分布
- VideoUrlParser视频信息分析
- VB SendKeys 语句
- Android/Java面试题,边面试边成长,为了应试而应试
- 【面向对象设计基础】UML统一建模语言初学
- Android异常总结---3.Failed to install *.apk on device 'emulator-5554': timeout 错误提示:
- 拓端tecdat|python算法对音频信号处理Sonification :Gauss-Seidel迭代算法
- 算法: 239. 滑动窗口的最大值
- python自动排版公众号_GitHub - Pidbid/maxpress: MaxPress:MarkDown+Python实现微信公众号一键排版...
- 5000预算组装台式机配置清单
- python循环n次_如何使循环重复n次-Python 3
- 浅谈iOS进阶路线,让自己人生不迷茫!
- 网易游戏大咖分享——游戏行业职位发展(上)
- bootstrap实战--微金所项目(导航栏)
- 69节入门python_小渣渣学习笔记 python day69 【Django】
热门文章
- CVPR 2021 Oral | OWOD:面向开放世界的目标检测 Towards Open World Object Detection
- matlab熔断器,Resilience4j 熔断器
- html网页加减乘除代码,html+js实现简单的计算器代码(加减乘除)
- 计算机专业的自考财务管理有用吗,自考财务管理学难吗
- 秒杀系统的设计与实现(一)
- c语言入门篇:注释定界符详解
- FREE NAS服务器安装与配置使用
- 数据库 Oracle分区介绍
- 讲个鬼故事:小灰的体检报告出来了。。。
- 农夫山泉:HANA应用在企业中层层展现