首页 > 其他分享 >网站变黑白效果实现兼容ie浏览器

网站变黑白效果实现兼容ie浏览器

时间:2022-12-01 12:44:05浏览次数:48  
标签:gray 浏览器 效果 100% grayscale 兼容 filter ie

实现的效果:

​编辑

 

1.在公共样式添加:

<style type="text/css">
body{
   -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    _filter: none;
    filter: gray;
}
*{
   filter: gray;
}

</style>

 

2.添加:

<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="0" />
<meta http-equiv="x-ua-compatible" content="ie=7">

 

刷新页面没有效果,需要重新打开

标签:gray,浏览器,效果,100%,grayscale,兼容,filter,ie
From: https://www.cnblogs.com/mo3408/p/16941084.html

相关文章

  • 【JUC】循环屏障CyclicBarrier详解
    欢迎关注专栏【JAVA并发】前言jdk中提供了许多的并发工具类,大家可能比较熟悉的有CountDownLatch,主要用来阻塞一个线程运行,直到其他线程运行完毕。而jdk还有一个功能类......
  • 谷歌浏览器历史版本下载
    GoogleChrome谷歌浏览器历史版本下载地址:https://downzen.com/en/windows/google-chrome/versions/ ......
  • 超聚变服务器操作系统FusionOS与阿里云PolarDB数据库完成兼容性认证
    近日,超聚变服务器操作系统FusionOS签署阿里巴巴开源CLA(ContributionLicenseAgreement,贡献许可协议),正式与阿里云PolarDB开源数据库社区牵手,并率先展开超聚变服务器......
  • 兼容性问题
    兼容性一 本文主要针对一些IE8兼容方法,虽然现在很多都不用IE8了,但未免还有些僵尸级项目还在使用,有备无患。 文章来源:https://www.cnblogs.com/qdwz/p/14917692.html......
  • Electron cookies Error: Failed to get cookie domain
    在处理electron的cookie设置时,发现有的cookie无法设置,提示Error:Failedtogetcookiedomain,这里搬运下stackoverflow的答案:问题是因为cookie的url参数没有设置,直接将需要......
  • Android ViewPager2 + Fragment 联动
    AndroidViewPager2+Fragment联动本篇主要介绍一下ViewPager2+Fragment,上篇中简单使用了ViewPager2实现了一个图片的滑动效果,那图片视图可以滑动,ViewPage......
  • The easiest way to install Kubernetes on a Mac
    TheeasiestwaytoinstallKubernetesonaMacSteveFrancisSeptember29,2020 SoyouwanttoinstallKubernetesonyourMac?Theeasiest......
  • Spring Boot实现任意位置的properties及yml文件内容配置与获取
    〇、参考资料1、SpringBoot中文乱码问题解决方案汇总https://blog.51cto.com/u_15236724/53728242、springboot读取自定义配置properties文件★https://www.yisu.co......
  • R6PL - Harbinger vs Sciencepal题解
    R6PL-HarbingervsSciencepal题面翻译彩虹6是大学里非常流行的游戏。你的两个朋友小A和小B是优秀的玩家,他们想要参与竞争。所以他们决定组建自己的团队。有2*N的......
  • 可持久化Trie and 线段树常见扩展
    可持久化数据结构可持久化Trie思想概述可持久化数据结构,是一种对原本数据结构进行的扩展,可以支持查询以前的历史版本的信息在进行每一次操作的时候,我们都把需要更新的......