Css 位置：固定是否为z标记创建新的堆叠上下文？

没有特别提到

位置：固定
，但在Chrome 24上的元素顺序不同。设置
position:fixed
是否会为子元素创建新的堆叠上下文？
根据，Chrome 22+模拟移动WebKit的行为，并为固定位置元素创建新的堆叠上下文

Firefox至少17个版本遵循规范，不创建新的上下文。
这里是一个示例，其中我有两个固定元素，每个元素都有自己的堆叠上下文。我将第二个元素从固定位置切换到相对位置。当第二个元素更改为fixed而不指定其z索引时，其子元素是一个新的本地堆栈上下文，其父元素的全局z索引为0。因此，更改子元素的z索引没有任何效果，并且它仍然是隐藏的，尽管它的z索引比其他固定元素高


let fixed=false；
函数handleClick（）{
const elem=document.getElementById（'toggle'）；
const buttonElem=document.querySelector（'button'）；
如果（！固定）{
elem.className='content--fixed'；
固定=真
buttonElem.innerText='Remove Fixed'；
}否则{
elem.className='content'；
固定=假；
buttonElem.innerText='Add Fixed'；
}
}
正文{
保证金：0；
填充：0；
}
.侧边栏{
位置：固定；
宽度：30%；
背景色：#ccc；
最小高度：100vh；
z指数：500；
}
.内容-固定{
左：30%；
宽度：50vw；
位置：固定；
}
.内容{
左：30%；
位置：相对位置；
}
.悬停{
位置：绝对位置；
背景色：红色；
颜色：白色；
宽度：400px；
高度：10vh；
左：-200px；
z指数：600；
}
.内容.悬停{
左：100px；
}

边栏
添加固定的
悬停
作为补充，文档显示了创建堆叠上下文的所有属性。