html - CSS背景过滤器未按预期工作

Question

我们成功地应用backdrop-filter到我们的导航栏。但是在导航栏折叠的移动设备上，我们显示的是传统的下拉导航菜单。将过滤器应用于下拉菜单div时，它会忽略模糊并且根本不显示它。奇怪的是，如果我们关闭导航栏本身的模糊，它就会起作用。这是该问题的屏幕截图：

请注意，该网站是实时的。请访问socialkit.com进行进一步调查。

标签： htmlcssfilterwebkit

Answer 1

这是 Chrome 中的一个错误，https://bugs.chromium.org/p/chromium/issues/detail?id=993971 查看这篇文章，他们建议一种解决方法背景过滤器不适用于 Chrome 中的嵌套元素