当我为关联了::before 和::after 生成的内容的元素设置动画时，生成的内容(之前为负 z 索引)似乎变得比原始元素的索引更高。我在 Chrome、Safari 和 Firefox 中看到了这一点。
我知道这很令人困惑，所以 here's a fiddle .
我哪里出错了，或者我是否遇到了错误，有什么想法吗？
最佳答案
段落文本保持在顶部。也许将“p”包装在另一个“div”中，看看它是否仍然存在包装器。 http://jsfiddle.net/q7Qh5/17/
关于css - 为什么动画元素会破坏关联伪元素的堆叠上下文？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/7823697/