18910140161

CSS-Parent element backdrop-filter不适用于其子堆栈溢出

顺晟科技

2022-10-19 11:37:16

111

请参阅下面的代码片段。我想知道如何使背景筛选器应用于下拉菜单?


顺晟科技:

应避免应用于子菜单的父元素。想法是考虑一个伪元素,其中可以有过滤器:

该问题与背景根概念有关,您可以在以下位置阅读:https://drafts.fxtf.org/filter-effects-2/#backdroproot。您将发现后置过滤器创建了一个背景根目录:

背景根由下列任一方案中的元素在文档的任何位置形成。请参见§3.2背景根触发器,以了解每个触发器的更多详细信息:

文档(HTML)的根元素。

筛选器属性不是“none”的元素。

不透明度值小于1的元素。

具有mask、mask-image、mask-border或clip-path属性的元素,其值不是“none”。

背景筛选值不是“none”的元素

具有混合混合模式值而不是“normal”的元素。

具有will-change值的元素,该值指定将在非初始值上创建背景根的任何属性。

例如,如果父级应用于它,同样的问题也会发生。子元素的背景筛选器将不再工作

  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航