【发布时间】：2014-01-15 01:36:47
【问题描述】：
我有一个子元素，我使用 z-index 将其堆叠在父元素后面。但是，一旦我向父级添加动画，z-index 就不会被尊重。
这发生在 Firefox 和 Chrome 上，我没有在 IE 上测试过。
我认为这是一个错误，而不是 CSS 的预期行为，但有人有解决方法吗？
【问题讨论】：
标签： css z-index css-animations
【发布时间】：2014-01-15 01:36:47
【问题描述】：
根据W3C
除了 none 之外的任何计算值都将导致 创建堆叠上下文和包含块。物体 充当固定定位后代的包含块。
我认为这是你的问题的原因，一旦父母动画，孩子变得堆叠
您可以尝试添加一个包装元素并为其设置动画，如下所示：http://jsfiddle.net/9Mc3y/
<span class="wrap animated">
<span class="overlay">parent animated
<span class="below">b</span>
</span>
</span>
【讨论】：
-
感谢您解决了这个问题。您认为 W3C 是否期望当前的行为会产生这种结果？
-
是的，我不认为他们会解决这个问题，因为按照那时，它没有坏