snoopyhai
V2EX  ›  CSS

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

By snoopyhai at 2022 年 12 月 1 日 · 2309 次点击

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

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

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

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

可以把子元素移出来,也可以转而把 grayscale 应用到其他子元素上。
Can I use?
› http://caniuse.com/
Less
› http://lesscss.org
Cool Libraries
› Bootstrap from Twitter
› Jetstrap
© 2026 V2EX · 27ms · 3.9.8.5