javascript - 模糊滤镜在 Firefox 浏览器中不起作用

标签 javascript html css reactjs

我在我的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/

相关文章:

php - 无法从 Html5 CSS 和 php 表单获取信息

html - 标题在顶部是透明的

javascript - 如何确保正则表达式不匹配空字符串?

html - 您是否应该使用 <abbr> 标签多次定义一个缩写词?

javascript - 无需 JavaScript 展开/折叠移动导航栏

html - CSS 两列布局打破了第一列的最后一个 div

html - 两个产品表有什么区别

javascript - 指针相对于具有动态 DOM 的元素的位置

javascript - Canvas ,禁用图像下载

Java/Javascript 将包含小程序的浏览器窗口置于前台