时间戳

首页 > 解决方案 > 动画不透明度时，不尊重 z-index

css - 动画不透明度时，不尊重 z-index

问题描述

我正在制作我的第一个 SVG“蒙太奇”动画，但我遇到了这个小问题。3 个元素定位为“绝对”，具有相应的 z-index。2 第一个 SVG “对象 > 嵌入”，第三个是带有背景颜色或渐变的简单 div。当第三个元素动画它的不透明度从 0 到 1 时，它会出现在其他元素的前面，并且当动画完成时，它会转到正确的 z-index 位置。有没有办法防止这种情况！！？？？我正在添加一张图片，展示动画时不需要的效果。非常感谢 在此处输入图像描述 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>

标签： cssanimationz-index

解决方案

推荐阅读