当父对象具有css动画时，z索引丢失

我有一个子元素，我使用z索引将其堆叠在父元素后面。但是，一旦我将动画添加到父级，z索引就不受欢迎了

这在Firefox和Chrome上都会发生，我还没有在IE上测试过

我假设这是一个bug，而不是CSS所期望的行为，但是有人有解决方法吗

根据

变换的任何计算值（none除外）都会导致 创建堆叠上下文和包含块。对象 用作固定定位子体的包含块

我认为这就是你的问题的原因，一旦父母设置动画，孩子就会变得杂乱无章

您可以尝试添加包裹元素并设置其动画，如下所示：

父动画
B

感谢您修复了此问题。你认为W3C会期望当前的行为产生这样的结果吗？是的，我不认为他们会解决这个问题，因为根据当时的情况，它没有被破坏

<span class="wrap animated">
    <span class="overlay">parent animated
        <span class="below">b</span>
    </span>
</span>