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

2022-12-01 13:59:30 +08:00
 snoopyhai

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

999 次点击
所在节点    CSS
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 应用到其他子元素上。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/899317

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX