我正在尝试向位于另一个 SVG 之上的SVG添加背景滤镜。<rect><rect>
然而，CSS 属性backdrop-filter: blur(10px)似乎-webkit-backdrop-filter: blur(10px)对 SVG 元素没有任何影响。当我对两个人做同样的事情时，<div>它会起作用。
我怎样才能达到两者相同的效果<rect>？
body, html {
margin: 0;
}
.outerrect {
position: absolute;
left: 0px;
top: 120px;
}
.innerrect {
position: absolute;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
}
.outerdiv {
position: absolute;
left: 0px;
top: 120px;
width: 200px;
height: 100px;
background-color: red;
}
.innerdiv {
position: absolute;
left: 140px;
top: 20px;
width: 120px;
height: 60px;
border: 1px solid;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px); …