css - CSS 转换的元素有默认的 z-index 吗？

Question

我在这里有一个非常基本的示例，我有一个固定的标题，其中包含一个接一个堆叠的其他元素，单个元素使用transform: rotate(360deg).

因此，当页面滚动时，只有转换后的元素会越过固定栏，而其他元素则不会。所以问题是转换后的元素是否有默认值z-index？

当你使用它时z-index: -1;，.transform_me它表现正常

演示

CSS

.fixed {
    height: 30px;
    background: #f00;
    position: fixed;
    width: 100%;
    top: 0;
}

.transform_me {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
}

span {
    display: block;
    height: 100px;
}

注意：如果我们z-index: 999;对固定的 div 使用 say 会解决，但这不是我要找的。

Answer 1

对于布局受 CSS 盒模型控制的元素，除了none用于创建堆叠上下文和包含块transform的结果之外的任何值。该对象充当固定定位后代的包含块。

从规范。

堆叠上下文。