Javascript干扰第二行SVG动画

链接到示例：--我希望word MEDIA在写入后保持在背景图像的顶部。有人能帮我吗？我可以在另一个div中使用一个div吗？这个div使用的javascript干扰了我希望在内部div中发生的事情

我相信这对SOER来说是一个简单的问题。我已经走得很远了，但现在我只是在旋转我的轮子，只是想不出这最后一点。我之所以看到这篇文章，是因为我使用了其中的一些内容，它非常接近于为我工作，然而，我在另一个div中有一个#box div，它应用了js

$ (document).ready (function() {
setTimeout (function(){
$("div.center-div").fadeOut(1200); {
$("div.center-div").remove(1200);
};
},5500);
});

淡出和删除会干扰第二个div。我有一个带有svg的（.center div）div，它会淡入然后完全淡出。淡入淡出后会有一个背景图像

.st1{fill:none;stroke:#FCFAFA;stroke-width:3;stroke-linecap:round;stroke- 
linejoin:round;stroke-miterlimit:10;stroke-dasharray:2000;stroke-dashoffset: 
2000;animation-delay:4.5s;animation-timing-function: ease-in forwards;
}       /*media word */

我想我需要另一个div来让.st1内容（word media）淡入，然后留下来，但无法让它工作。我希望媒体这个词在它出现后继续存在。但另一个div仅在中间div下方渲染

---

使用z-index无效。我试着创建一个类而不是id，我试着像前面提到的那样嵌套它们——当封装div有javascript要淡出和删除时，我该怎么做才能让这个“媒体”svg行动画元素进入并保留？非常感谢。我希望有人能帮助我，因为我确实需要继续做其他事情。

首先，您正在对包含SVG的

执行

.remove（）

。所以你显然不能这么做

您需要做的是淡出要隐藏的SVG元素

@keyframes fadeout {
  from { opacity: 1; }
  to   { opacity: 0; }
}

#line, #tree_2, #leaves, #background {
  animation: fadeout 1s linear forwards;
  animation-delay: 5.5s;
}

因为你想淡出黑色的背景也。您需要删除该

的背景色，而是在SVG中添加一个黑色矩形。然后你也可以淡出它

<g id="background">
  <rect width="100%" height="100%" fill="black"/>
</g>

更新示例：

svg{
身高：100%；
宽度：100%；
保证金：自动；
}
路径{
行程：2100；
动画：向前画3.4s直线；
/*过渡计时功能：立方贝塞尔（0.68，-0.55,0.265,1.55）*/
}
.path2{
动画延迟：2s；/*现在这里的数字不重要
动画：画3.4s直线*/
}
@关键帧绘制{
从{
行程偏移：2200；
}
到{
笔划偏移：0；
}
}
@关键帧msvg{
0%{stroke dashoffset:1500；}
12%{stroke dashoffset:1500；}
44%{stroke dashoffset:0；}
100%{stroke dashoffset:0；
}
}
.包装纸{
位置：相对位置；
背景图片：url(https://filedn.com/lPKPli3Xz1KVxCemkqFzHfL/bss/treebanner_893x332.jpg);
背景尺寸：包含；
保证金：0自动；
最大宽度：100%；
宽度：1300px；
身高：483px；
z指数：25；
背景重复：无重复；
/*对象匹配：覆盖；无*/
}
.center div/*淡出绿线和树请参见js*/
{
位置：相对位置；
保证金：0自动；
最大宽度：100%；
高度：自动；
z指数：13；
背景位置：左上；
}
.media div/*输入文字并停留*/
{
位置：相对位置；
保证金：0自动；
最大宽度：100%；
高度：自动；
z指数：1；
背景位置：左上；
}
@关键帧淡出{
从{opacity:1；}
到{不透明度：0；}
}
#线条，树2，树叶，背景{
动画：淡出1s线性向前；
动画延迟：5.5s；
}

我知道这很容易——我就是看不见。保罗，保佑你。我迫不及待想试试。