CSS 背景过滤器：锚标记的模糊（）在 Chrome 浏览器中不起作用

Question

锚标记显示为具有透明背景和白色边框的按钮。我正在使用 .class 进行样式设置。背景属性在 Firefox 浏览器中有效，但在 Chrome 中无效，我还使用了“-webkit-backdrop-filter”，但它在 Chrome 中显示了无效的属性值。

如果有人可以帮助我解决这个问题，请告诉我。

Answer 1

嵌套背景过滤器不会在 Chrome 中呈现。但是，您可以通过将

backdrop-filter

放在

:before

伪元素上来解决此限制。

backdrop-filter 不适用于 Chrome 中的嵌套元素 深入探讨了 Chrome 为何会出现这种情况。