javascript - 模糊过滤器在浏览器 firefox 中不起作用

Question

我在我的 React 应用程序、谷歌浏览器或 microsoft edge 中使用模糊过滤器，一切正常，但是当我决定在 mozilla firefox 中测试它时，我发现它在那里不起作用，我检查了 mozilla.org并没有发现任何特别之处，也许您有想法？

<div style={{backdropFilter: `blur(${someValue}px)`}}
     ...
</div>

Answer 1

默认情况下，Firefox 中未启用背景过滤器属性。较新的版本支持它，但它隐藏在一个标志后面，见 MDN article看到那面旗帜。
但是，您可以使用更受支持的 filter 来达到相同的效果。 css 属性。不同之处在于 filter 将效果应用于元素本身，而 background-filter 将其应用于元素后面的区域。