我们成功地将backdrop-filter
应用于导航栏。但是,在折叠了导航栏的移动设备上,我们显示的是传统的下拉导航菜单。将滤镜应用于下拉菜单div
时,它会忽略模糊,只是不显示它。奇怪的是,如果我们关闭导航栏本身的模糊功能,它将起作用。这是问题的屏幕截图:
注意,该网站是实时的。请访问socialkit.com进行进一步调查。
答案 0 :(得分:3)
这是Chrome中的错误,https://bugs.chromium.org/p/chromium/issues/detail?id=993971 查看这篇文章,他们建议一种解决方法backdrop-filter not working for nested elements in Chrome