html中设置网站全局颜色为黑白

Elements,html中添加

html, html *{filter: gray !important;filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);filter: grayscale(100%);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);
}

屏蔽IE10、11版,且支持弹窗版

 <!-- 特殊日子浏览器 全站灰色 --><style>html {filter gray !important;filter progidDXImageTransform.Microsoft.BasicImage(grayscale=1);filter grayscale(100%);-webkit-filter grayscale(100%);-moz-filter grayscale(100%);-ms-filter grayscale(100%);-o-filter grayscale(100%); }</style><script>function IEVersion() {var userAgent = navigator.userAgent; 取得浏览器的userAgent字符串var isIE = userAgent.indexOf(compatible)  -1 && userAgent.indexOf(MSIE)  -1; 判断是否IE11浏览器var isEdge = userAgent.indexOf(Edge)  -1 && !isIE; 判断是否IE的Edge浏览器var isIE11 = userAgent.indexOf('Trident')  -1 && userAgent.indexOf(rv11.0)  -1;if(isIE) {var reIE = new RegExp(MSIE (d+.d+););reIE.test(userAgent);var fIEVersion = parseFloat(RegExp[$1]);if(fIEVersion == 7) {return 7;} else if(fIEVersion == 8) {return 8;} else if(fIEVersion == 9) {return 9;} else if(fIEVersion == 10) {return 10;} else {return 6;IE版本=7}} else if(isEdge) {return 20;edge} else if(isIE11) {return 11; IE11}else{return -1;不是ie浏览器}}var version = IEVersion();if(version !== -1 && version = 10){setTimeout(function () {document.body.innerHTML = 'div style=text-align center;padding-top 20%;font-weight bold请采用其他浏览器访问,以保证本系统正常使用div'},1500)}else if(version == 11) {setTimeout(function () {document.body.innerHTML = 'div style=text-align center;padding-top 20%;font-weight bold请采用其他浏览器访问,以保证本系统正常使用div'},1500)}</script><!-- 特殊日子浏览器 全站灰色 -->

网上搜的多功能设置灰色
还有定时器设置灰色

html中设置网站全局颜色为黑白相关推荐

  1. Android中设置TextView的颜色setTextColor

    tv.setTextColor(Color.parseColor("#FFFFFF")); tv.setTextColor(Color.WHITE); tv.setTextColo ...

  2. css可以设置文本框颜色吗,如何在css中设置文本框颜色

    如何在css中设置文本框颜色 发布时间:2021-04-29 15:33:54 来源:亿速云 阅读:72 作者:Leah 如何在css中设置文本框颜色?针对这个问题,这篇文章详细介绍了相对应的分析和解 ...

  3. Adobe Acrobat Pro中设置pdf背景颜色后出现白色的线解决办法

    项目场景: Adobe Acrobat Pro中设置pdf背景颜色 问题描述: Adobe Acrobat Pro中设置pdf背景颜色后出现白色的线 原因分析: 不知道 解决方案: 找到 编辑-> ...

  4. vue项目中设置网站图标

    怎么在vue项目中设置网站图标: 1,先下载个icon图标,favicon.ico,大小为32*32的,放到static文件夹下: static文件是vue项目中用来存放静态资源的文件夹,放到这里的文 ...

  5. Winform中设置ZedGraph的颜色填充使用Fill

    场景 Winforn中设置ZedGraph曲线图的属性.坐标轴属性.刻度属性: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/10 ...

  6. python3设置编码背景颜色_在pythongtk3中设置条目背景颜色并设置回defau的最佳方法...

    我将首先解决您提到的问题,因为这些问题可以深入了解GTK和OP的代码.主要问题的答案(以及执行此操作的适当代码)位于答案的底部.If I insert a text, not containing s ...

  7. Linux中设置Git显示颜色

    在linux中git安装后颜色是不自动设置的 下面的命令设置git的颜色: git config --global color.status auto git config --global colo ...

  8. 在vue项目中设置网站图标

    怎么在我们的Vue项目中设置自定义的网站图标: 首先我们需要先制作个ico图标,大小为32*32的,放到static文件夹下,附制作网站,我们把制作好的ico图片改名为:favicon.ico(注:必 ...

  9. 在html中设置按钮字体颜色,html中按钮颜色怎么设置

    在html中,可以通过在button按钮元素使用style属性,添加"background-color:颜色值;"样式来设置按钮的背景颜色,添加"color:颜色值;&q ...

最新文章

  1. JavaScript 定义类时如何将方法提取出来
  2. (转) eclipse项目中.classpath文件详解
  3. plotly可视化表格数据:以表格可视化pandas dataframe
  4. Oracle varchar2或char类型的byte和char的区别
  5. abap视图字段限制_MM03物料主数据视图中某些视图或者某些字段的控制方法 | 学步园...
  6. Apollo后台配置:配置集群
  7. 浩鲸科技携手阿里云原生共同打造“场域运营数字化解决方案”
  8. 64位内核开发第二讲.内核编程注意事项,以及UNICODE_STRING
  9. Win7系统打开摄像头提示“请检查装置连接状况”怎么办
  10. ABB机器人VGT文件_ABB机器人与焊机之间通讯方式
  11. cmd一键启动程序脚本
  12. [转]Microsoft SQL Server 2005 整合、集成SP3方法
  13. sublime text 使用小技巧
  14. pkpm字体库下载_pkpm字体库转到cad
  15. 黑客语言——Ruby
  16. python查看bit_python 实现12bit灰度图像映射到8bit显示的方法
  17. 集成学习(随机森林)
  18. Scriptalert(“玄猫啊玄猫,玄猫要高考咯”)/script
  19. STVD 新建STM8L151工程
  20. 智慧实验室综合安全管理系统(高校版)、危化品管理、设备预约等

热门文章

  1. java 搜索 下拉列表框_用java编写随用户输入自动弹出下拉列表匹配项目,类似百度搜索...
  2. 论信息系统项目的需求管理
  3. 菜鸟弱弱地问:找个薪资待遇差的工作能成长吗?
  4. GB 15981消毒与灭菌效果的评价方法与标准
  5. 热搜第一!刘强东回国了!
  6. ACM 各种模板整理
  7. 计算机视觉之目标检测与轨迹追踪
  8. 51Nod-1355-斐波那契的最小公倍数
  9. BeanFactory和applicationContext区别
  10. Mysql数据库表结构设计导出