css filter属性不生效问题处理

css filter属性不生效问题处理明天是清明节假期 感谢疫情以来第一个假期就让我学到了一个棘手问题解决方案由于清明节公祭日 公司的网站都要改为灰度样式 明明就是一个很简单的问题 再是在样式表里增加这个一个样式即可 答案很简单 html filter grayscale 100 webkit filter grayscale 100 moz filter grayscale 100 ms fi

明天是清明节假期,感谢疫情以来第一个假期就让我学到了一个棘手问题解决方案

由于清明节公祭日,公司的网站都要改为灰度样式,明明就是一个很简单的问题,再是在样式表里增加这个一个样式即可,答案很简单

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-filter:grayscale(1) } 

我自己在想,如果html上增加上background会是什么效果呢

见证奇迹的时刻。。。

body上的背景图片竟然收到filter影响变成灰度的了。

实现方案也就有了,那就在html上增加个background:#ffffff;样式

如果谁要是在html上增加背景图片那我可真没有办法了。

总结:

如果body上有背景图片或者背景颜色无法使filter生效的话,建议在html标签增加background属性

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/231970.html原文链接:https://javaforall.net

(0)
上一篇 2025年11月10日 上午10:01
下一篇 2025年11月10日 上午10:22


相关推荐

  • 用python删除文件_python运行另一个py文件

    用python删除文件_python运行另一个py文件python删除文件夹和文件

    2025年7月24日
    4
  • Google搜索解析规则-更准确的使用谷歌搜索引擎获取到自己想要的内容

    Google搜索解析规则-更准确的使用谷歌搜索引擎获取到自己想要的内容如果票选近二十年最伟大的发明,我相信搜索引擎肯定会占据一个不容小觑的位置,它不单是一项发明,更是一项成就,最大程度消灭了信息的不平等。既然人人都可以接触到海量的信息,那么衡量信息财富多寡就只剩下技巧这惟一的标准了:善用搜索引擎的都是信息时代的富翁,不懂搜索引擎的都是信息时代的负翁。而像程序员这种必须终生学习的职业,搜索引擎就是我们的左膀右臂。懂搜索引擎就是我们的基本功,不,应该是童子功。只

    2022年6月30日
    52
  • loadrunner压力测试一般使用流程

    loadrunner压力测试一般使用流程博主很懒,只留下一个网址:https://www.cnblogs.com/jaazz/p/8668214.html

    2022年7月18日
    24
  • IDEA删除当前一行 快捷键

    IDEA删除当前一行 快捷键IDEA 删除当前一行快捷键默认是 Ctrl Y 但是有时候会和反撤销键冲突 所以还是自己设置一下也可以自定义双击选中输入框 在键盘上按下 ctrl y 就可以了 然后点击 OK 就可以了当然你也可以直接使用 Ctrl X 剪切的快捷键 也是可以充当删除当前行的快捷键

    2026年3月18日
    3
  • 简述Vue的响应式原理

    简述Vue的响应式原理当一个Vue实例创建时,vue会遍历data选项的属性,用Object.defineProperty将它们转为getter/setter并且在内部追踪相关依赖,在属性被访问和修改时通知变化。每个组件实例都有相应的watcher程序实例,它会在组件渲染的过程中把属性记录为依赖,之后当依赖项的setter被调用时,会通知watcher重新计算,从而致使它关联的组件得以更新。 巴拉巴拉:==…

    2022年5月7日
    69
  • sql语句的执行顺序

    sql语句的执行顺序理解 sql 语句的执行顺序对优化 sql 非常重要 那么 sql 语句的执行顺序是怎样的呢 以一条简单的的语句做分析 nbsp nbsp nbsp nbsp nbsp nbsp nbsp nbsp 这一条语句包含我们经常用到的一些关键字 select from where groupby orderby 它的执行顺序如下 先执行 from 关键字后面的语句 明确数据的来源 它是从哪张表取来的 接着执行 where 关键字后面的语句 对数据进行筛选 再接

    2026年3月18日
    3

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号