backdrop-filter: blur的确有一些图层限制，它只能作用于其父元素的同级或其子元素，不会影响到其父元素或祖先元素。代码示例如下：

HTML：

CSS： .parent { background-image: url("BackgroundImage.jpg"); backdrop-filter: blur(10px); }

.child { background-color: rgba(255, 255, 255, 0.6); }

在这个示例中，backdrop-filter: blur作用于.parent元素，而不影响到祖先元素（如HTML或body）。

此外，也可以使用position: absolute以及z-index属性使得backdrop-filter: blur可以作用于任意的同级元素。例如：

HTML：

CSS： .parent { background-image: url("BackgroundImage.jpg"); position: relative; }

.child1 { background-color: rgba(255, 255, 255, 0.6); position: absolute; top: 0; left: 0; width: 100%; height: 100%; backdrop-filter: blur(10px); }

.child2 { /* 未受backdrop-filter影响的元素 */ }

在这个示例中，.child1元素使用了position: absolute和z-index属性，使得它可以在.parent元素的顶层，并受到backdrop-filter: blur的影响，而.child2元素则可以自由设置不受影响的样式。