V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
snoopyhai
V2EX  ?  CSS

filter: grayscale(100%) 这玩意强制子元素继承?能不能让某些区域不变

  •  
  •   snoopyhai ·
    nmtuan · 2022-12-01 13:59:30 +08:00 · 1011 次点击
    这是一个创建于 520 天前的主题,其中的信息可能已经有所发展或是发生改变。

    腾讯云最新优惠活动来了:云产品限时1折,云服务器低至88元/年 ,点击这里立即抢购:9i0i.cn/qcloud,更有2860元代金券免费领取,付款直接抵现金用,点击这里立即领取:9i0i.cn/qcloudquan

    (福利推荐:你还在原价购买阿里云服务器?现在阿里云0.8折限时抢购活动来啦!4核8G企业云服务器仅2998元/3年,立即抢购>>>:9i0i.cn/aliyun

    比如,我这两天在研究浏览器插件呢,注入页面的 content-sripts 部分也被搞灰了,能否在子元素上恢复色彩?

    1 条回复  ?  2023-03-16 13:30:56 +08:00
    RainSlide
        1
    RainSlide  
       2023-03-16 13:30:56 +08:00
    2022 年 12 月 02 日发布的主题,看来是要为 2022 年 11 月 30 日发生的事做这个 grayscale 的排除啊。

    filter 属性不是继承下去的,如果是继承下去的,filter: grayscale(50%) 的效果应该是随元素深度色彩越来越灰,但实际表现就不是这样的。

    filter 是对元素所占区域一整个应用上去的。像 invert 反色,可以在子元素里再反转回来,但 grayscale 属于减少信息,没得恢复。

    可以把子元素移出来,也可以转而把 grayscale 应用到其他子元素上。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   2325 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 34ms · UTC 04:19 · PVG 12:19 · LAX 21:19 · JFK 00:19
    Developed with CodeLauncher
    ? Do have faith in what you're doing.


    http://www.vxiaotou.com