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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 【Nginx】什么是Nginx?为什么使用Nginx?

    【Nginx】什么是Nginx?为什么使用Nginx?一、前言为毛要用nginx服务器代理,不直接用tomcat7.0,还做多了一次接请求?这个是我想问的,公司的新项目是要用Nginx+tomcat7+jdk开发的,用户命名可以直接访问tomcat,为啥还要用Nginx?这货是个啥玩意?二、什么是Nginx?在传统的Web项目中,并发量小,用户使用的少。所以在低并发的情况下,用户可以直接访问tomcat服务器,然后tomcat服务器…

    2022年7月23日
    15
  • Java NIO与IO的差别和比較

    Java NIO与IO的差别和比較

    2021年12月3日
    49
  • VMware安装Centos7超详细过程(图文并茂)

    VMware安装Centos7超详细过程(图文并茂)

    2021年8月3日
    32
  • 交换机zone 的概念 和交换机指令「建议收藏」

    交换机zone 的概念 和交换机指令「建议收藏」配置Zone需要涉及到三个对象的配置Alias,Zone,Configuration。Alias可以把设备的WWN或Domain,Port声明为Alias,用于更好更直观的标示设备。使用Alias的主要目的是方便用户的使用,想象一下记住一个人的身份证号和名字的区别就可以明白其中的道理,使用Alias就想给设备启名字一样。声明Alias的另外一个益处是便于Zone中成员的更换。当Zone

    2022年5月21日
    38
  • mysql explain不准确_mysql explain预估剖析「建议收藏」

    mysql explain不准确_mysql explain预估剖析「建议收藏」引子:使用MySQL建立了一张表country,总共有才3121行记录。但是使用explainselectcount(*)fromcountry;的时候,发现行数rows达到6897,让我大吃一惊。mysql>explainselectcount(*)fromcountry;+—-+————-+———+——+————–…

    2022年10月17日
    2
  • 数据库与spring事务隔离级别不一致_spring事务传播行为

    数据库与spring事务隔离级别不一致_spring事务传播行为脏读:一个事务读取到另一个事务未提交的数据,出现脏读的本质是是因为操作(修改)完数据就立马释放掉锁,导致其他事务可以读取数据,而读取的数据是无用的或者错误的。不可重复读:一个事务读取到另外一个事务已经提交的数据,即一个事务可以看到其他事务所做的修改。幻读(虚读):一个事务内读取到了别的事务插入的数据,导致前后读取不一致。查看当前会话隔离级别:select@@tx_isolation;查看…

    2022年10月21日
    3

发表回复

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

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