给svg的path标签添加动画后屏幕出现区域阴影，浏览器出现闪屏的现象，阴影在其他窗口也显示。如何去除这个现象？

vue使用jsplumb插件生成svg，用css给path标签添加关键帧动画，目的是要虚线来回运动的效果，结果虚线运动时产生了如图所示的半透明矩形的阴影，即使切换到其他窗口也存在屏幕上面，而且阴影会闪动。

path{
            stroke-dasharray: 10;
            stroke-dashoffset: 500;
            animation:dash 10s linear infinite alternate;/*删除此行阴影消失*/
        }
          @keyframes dash {
            0%{
                stroke-dashoffset: 500;
            }
            100%{
                stroke-dashoffset: 0;
            }
        }

控制台没有报错，去掉动画效果后一切正常，没有阴影块；另外页面上没有添加其他动画

尝试调节运动快慢不起作用；尝试用js的setInterval以transition的方式添加动画，依然出现一样的阴影块

经过排查是背景问题，将背景图片去除后正常

你好，我是有问必答小助手，非常抱歉，本次您提出的有问必答问题，技术专家团超时未为您做出解答


本次提问扣除的有问必答次数，将会以问答VIP体验卡（1次有问必答机会、商城购买实体图书享受95折优惠）的形式为您补发到账户。


因为有问必答VIP体验卡有效期仅有1天，您在需要使用的时候【私信】联系我，我会为您补发。