我正在制作我的第一个SVG“蒙太奇”动画，但我有这个小问题。 3个元素位于“绝对”位置，并带有相应的z-index。第2个SVG“对象>嵌入”，第三个SVG具有bg颜色或渐变。当第3个元素进行动画处理时，它的不透明度从0到1，它将位于其他元素的前面，并且当动画完成时，它会转到其正确的z索引位置。有没有办法防止这种情况！我要添加一张图片，以显示动画时产生的不良效果。非常感谢 enter image description here HTML：
<div id="wrapper_u">
<object>
<embed src="ubeo-u.svg">
</object>
</div>
<div id="wrapper_shape">
<object>
<embed src="ubeo-shape.svg">
</object>
</div>
<div id="wrapper_shadow">
</div>