CSS背景过滤器无法按预期工作

时间:2020-06-30 13:49:41

标签: html css filter webkit

我们成功地将backdrop-filter应用于导航栏。但是,在折叠了导航栏的移动设备上,我们显示的是传统的下拉导航菜单。将滤镜应用于下拉菜单div时,它会忽略模糊,只是不显示它。奇怪的是,如果我们关闭导航栏本身的模糊功能,它将起作用。这是问题的屏幕截图:

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

enter image description here

1 个答案:

答案 0 :(得分:3)

这是Chrome中的错误,https://bugs.chromium.org/p/chromium/issues/detail?id=993971 查看这篇文章,他们建议一种解决方法backdrop-filter not working for nested elements in Chrome