css样式导致div背景边框闪烁

最近上班遇到一个很奇怪的bug，侧边栏动画时，会导致顶部导航栏背景闪烁底部modal框的边框阴影，经过debugger发现不是js代码问题，而是css样式问题，我在Chrome浏览器中，把一个个样式隐藏，发现是这个样式原本的bug
下面展示一些 内联代码片。

backdrop-filter:blur(8px)

将背景模糊效果实现替换为
在当前tab下添加伪标签，tab上设置相对定位
下面是我的替换代码

&::after{
  position: absolute;
  filter: blur(8px);
  -webkit-filter: blur(8px); /* Chrome, Opera*/
  -moz-filter: blur(8px);
  -ms-filter: blur(8px);
  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='8'); 
  height: 100%;
  width: 100%;
  content: "";
  z-index: -1;