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;
}

注意:如果我们使用say z-index: 999;作为固定div,它将被解决,但这不是我想要的.

Answer 1

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

从规范.

堆叠上下文.