我在我的React应用程序、谷歌浏览器或Microsoft Edge中使用模糊过滤器,一切正常,但是当我决定在mozilla firefox中测试它时,我发现它在那里不起作用,我检查了mozilla.org没有发现任何特别的东西,也许你有想法?
<div style={{backdropFilter: `blur(${someValue}px)`}}
...
</div>
最佳答案
默认情况下,Firefox 中不启用background-filter 属性。新版本支持它,但它隐藏在标志后面,请参阅 MDN article看到那面旗帜。
但是,使用更受支持的 filter 可能可以达到相同的效果CSS 属性。不同之处在于,filter 将效果应用于元素本身,而background-filter 将其应用于元素后面的区域。
关于javascript - 模糊滤镜在 Firefox 浏览器中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/66104911/